*{box-sizing:border-box}html,body{color:#ddd;background:#1b1b20;height:100%;margin:0;font:13px/1.4 system-ui,sans-serif}#app{grid-template:"top top top"44px"left main right"1fr/210px 1fr 270px;height:100vh;display:grid}#top{background:#26262d;border-bottom:1px solid #111;grid-area:top;align-items:center;gap:6px;padding:0 10px;display:flex}#top .logo{color:#ffd23f;white-space:nowrap;margin-right:6px;font-size:15px}#top .sp{flex:1}#pname{width:150px}#left{grid-area:left}#right{grid-area:right}aside{background:#222228;border-right:1px solid #111;padding:10px;overflow-y:auto}#right{border-left:1px solid #111;border-right:0}main{grid-area:main;position:relative;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}h4{letter-spacing:.08em;text-transform:uppercase;color:#8a8a96;margin:14px 0 6px;font-size:11px}h4:first-child{margin-top:0}button,select,input{font:inherit;color:#ddd;background:#33333c;border:1px solid #45454f;border-radius:4px;padding:4px 8px}button{cursor:pointer;white-space:nowrap}button:hover{background:#40404b}button.primary{color:#fff;background:#2f7d32;border-color:#3c9a40}button.on{color:#fff;background:#b3261e;border-color:#d33}button.sel{outline:2px solid #ffd23f}input[type=number]{width:100%}input[type=color]{width:34px;height:24px;padding:0}input[type=checkbox]{accent-color:#ffd23f}.grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.grid label,.field{color:#9a9aa6;flex-direction:column;gap:2px;font-size:11px;display:flex}.grid .wide{grid-column:1/-1}.check{align-items:center;color:#ccc!important;flex-direction:row!important;gap:6px!important;font-size:12px!important}.row{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;display:flex}.row.end{justify-content:flex-end}.pal{grid-template-columns:1fr 1fr;gap:6px;display:grid}.stage{cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:5px 6px;display:flex}.stage:hover{background:#2c2c34}.stage.cur{background:#3a3a46}.stage span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.stage button,.ent button{padding:0 5px;font-size:11px}.tabs{gap:4px;margin-bottom:10px;display:flex}.tabs button{flex:1}.tabs button.cur{color:#fff;background:#4a4a58}.ent{align-items:center;gap:6px;padding:2px 0;display:flex}.ent input{background:0 0;border-color:#0000;flex:1;min-width:0;padding:2px 4px}.ent input:focus{background:#33333c;border-color:#45454f}.ent .n{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ent.gone{opacity:.45}.ent .pl{text-align:right;color:#8a8a96;width:30px}.th{object-fit:cover;border:1px solid #0006;border-radius:50%;flex:none;width:20px;height:20px;display:inline-block}.hint{color:#777783;margin-top:8px;font-size:11px}dialog{color:#ddd;background:#26262d;border:1px solid #45454f;border-radius:8px;width:min(760px,92vw);padding:16px}dialog::backdrop{background:#000a}dialog h3{margin:0 0 10px}.cgrid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:2px 10px;max-height:55vh;margin:10px 0;display:grid;overflow-y:auto}.cgrid label{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;display:flex;overflow:hidden}html,body{overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;overflow:hidden}#app{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:100dvh}input{-webkit-user-select:text;user-select:text}.mob{display:none}#fab{left:50%;bottom:calc(10px + env(safe-area-inset-bottom));z-index:2;gap:8px;display:flex;position:absolute;transform:translate(-50%)}#fab:empty{display:none}#fab button{background:#26262dee;border-radius:18px;padding:8px 14px;box-shadow:0 2px 10px #0008}@media (width<=900px),(height<=500px){.mob{display:inline-block}.wide-only,#pname{display:none}#app{grid-template:"top""main"1fr"sheet"/1fr}#top{scrollbar-width:none;padding:calc(6px + env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) 6px max(10px, env(safe-area-inset-left));overflow-x:auto}#top::-webkit-scrollbar{display:none}#top .sp{flex:0 0 4px}aside{height:42dvh;padding-bottom:calc(10px + env(safe-area-inset-bottom));display:none;border:0!important;border-top:1px solid #111!important;grid-area:sheet!important}body[data-sheet=left] #left,body[data-sheet=right] #right{display:block}body[data-sheet=left] [data-s=left],body[data-sheet=right] [data-s=right]{color:#fff;background:#4a4a58}button,select{min-height:36px;padding:6px 10px}input,select{font-size:16px}.stage button,.ent button{min-height:30px;padding:0 10px;font-size:14px}.cgrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (height<=500px) and (orientation:landscape){#app{grid-template:"top top""main sheet"1fr/1fr auto}aside{width:270px;height:auto;padding-right:max(10px, env(safe-area-inset-right));border-top:0!important;border-left:1px solid #111!important}}.th.slot{color:#fff;text-align:center;background:#3a3a46;font:700 10px/20px system-ui}body.full #top,body.full aside,body.play #top,body.play aside{display:none!important}body.full #app,body.play #app{grid-template:"main"1fr/1fr}body.full #fab{left:auto;right:max(10px, env(safe-area-inset-right));opacity:.45;transform:none}body.full #fab:hover,body.full #fab:active{opacity:1}#loading{color:#ffd23f;letter-spacing:.04em;z-index:3;background:#000c;justify-content:center;align-items:center;font:italic 28px Impact,sans-serif;display:flex;position:absolute;inset:0}#loading[hidden]{display:none}#home,dialog.tune,body.play #fab{font-family:ui-rounded,Arial Rounded MT Bold,Varela Round,Comic Sans MS,system-ui,sans-serif}#home{z-index:2;padding:calc(16px + env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:radial-gradient(circle at 15% 20%,#5b2a86 0,#0000 45%),radial-gradient(circle at 85% 80%,#0e6ba8 0,#0000 50%),#1a1440;flex-direction:column;justify-content:safe center;align-items:center;gap:clamp(10px,3vh,28px);display:flex;position:absolute;inset:0;overflow-y:auto}#home[hidden]{display:none}#home h1{letter-spacing:.02em;text-align:center;text-shadow:0 4px #0007;margin:0;font-size:clamp(34px,9vmin,84px);line-height:1}#home h1 em{color:#fff;font-style:italic}.games{flex-wrap:wrap;justify-content:center;gap:clamp(10px,2.5vmin,24px);width:100%;display:flex}.game{aspect-ratio:4/3;text-align:left;white-space:normal;color:#fff;background:#333 50%/cover;border:4px solid #fff;border-radius:26px;flex-direction:column;flex:240px;justify-content:flex-end;align-items:stretch;max-width:420px;max-height:46vh;padding:0;transition:transform .12s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px #0006}.game:hover{background-color:#333;transform:translateY(-3px)scale(1.02)}.game:active{transform:translateY(3px);box-shadow:0 3px #0006}.game b{text-shadow:0 2px 4px #000;background:linear-gradient(#0000,#000c);padding:40px 16px 0;font-size:clamp(22px,4.5vmin,36px)}.game span{background:#000c;padding:2px 16px 14px;font-size:clamp(13px,2vmin,17px)}.game i{background:#2fbf4a;border-radius:99px;padding:6px 16px;font-size:clamp(15px,2.6vmin,22px);font-style:normal;font-weight:700;position:absolute;top:12px;right:12px;box-shadow:0 3px #0006}button.big{color:#fff;background:#fff2;border:2px solid #fff8;border-radius:99px;padding:10px 20px;font-size:clamp(15px,2.4vmin,20px)}button.big:hover{background:#ffffff3a}button.big.primary{background:#2fbf4a}#home .row{justify-content:center;gap:12px;margin:0}body.play #fab{bottom:auto;top:calc(8px + env(safe-area-inset-top));opacity:.6}@media (width<=600px){body.play #fab{top:auto;bottom:calc(10px + env(safe-area-inset-bottom))}}body.play #fab:hover,body.play #fab:active{opacity:1}body.play #fab button{border:2px solid #fff6;border-radius:22px;min-width:44px;height:44px;padding:0 10px;font-size:18px;font-weight:700}body.play #fab.end{opacity:1;gap:14px;top:auto;bottom:9%}body.play #fab.end button{color:#fff;border-radius:30px;height:60px;padding:0 28px;font-size:clamp(18px,3vmin,26px)}dialog.tune{background:#2a2360;border:3px solid #fff;border-radius:24px;width:min(520px,94vw);max-height:94dvh;font-size:16px}dialog.tune h3{font-size:26px}dialog.tune h5,.slide>span:first-child{color:#ffd23f;margin:14px 0 6px;font-size:16px;font-weight:700;display:block}.slide b{color:#fff}.slide .ends{color:#c9c4ee;align-items:center;gap:10px;font-size:14px;display:flex}.slide input{accent-color:#ffd23f;background:0 0;border:0;flex:1;height:34px;padding:0}.choices{flex-wrap:wrap;gap:8px;display:flex}.choices button{color:#fff;background:#ffffff18;border:2px solid #fff4;border-radius:16px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;min-height:48px;font-size:15px;display:flex}.choices button.sel{background:#ffd23f33;border-color:#ffd23f;outline:0}.thumbs{display:flex}.thumbs .th{width:28px;height:28px;margin:0 -3px}dialog.tune .row.end{align-items:center;margin-top:18px}