:root{--wall:#a6a8a3;--wall-deep:#979994;--ink:#17181a;--ink-soft:#3b3d40;--ink-mute:#5b5d5f;--paper:#f2f2ee;--paper-ink:#17181a;--red:#d23a2a;--green:#2f8f4e;--amber:#c98a1c;--blue:#3a6fd2;--screen:#1c1d20;--screen-2:#26282b;--screen-3:#33363a;--screen-line:#ffffff14;--screen-text:#d9dad6;--screen-mute:#8f918d;--line:color-mix(in srgb, var(--ink) 20%, transparent);--wall-image:url(/img/wall.jpg);--wall-tone:#a6a8a359;--display:"Archivo", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--pixel:"Silkscreen", monospace;--gutter:clamp(16px, 4vw, 56px);--ease:cubic-bezier(.2, .7, .2, 1);--spring:cubic-bezier(.3, 1.25, .35, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--wall:#3a3c3b;--wall-deep:#313332;--ink:#eeeeea;--ink-soft:#c5c7c2;--ink-mute:#9a9c98;--wall-tone:#1c1e1db8;--green:#6fcf8a;--amber:#e8b04a;--blue:#8fb2f2;--red:#ef5b49;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--wall);min-height:100svh;color:var(--ink);font-family:var(--display);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.5;overflow-x:hidden}a{color:inherit}button{font:inherit;color:inherit}img{max-width:100%}:focus-visible{outline:2px solid var(--red);outline-offset:3px}::selection{background:var(--red);color:#fff}.pixel{font-family:var(--pixel);letter-spacing:.02em;font-size:12px}.mute{color:var(--ink-mute)}.soft{color:var(--ink-soft)}.red{color:var(--red)}.nowrap{white-space:nowrap}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.top{z-index:10;padding:14px var(--gutter);background:color-mix(in srgb, var(--wall) 82%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.3);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:16px;transition:border-color .2s;display:flex;position:sticky;top:0}.top.is-scrolled{border-bottom-color:var(--line)}.top__me{letter-spacing:-.01em;white-space:nowrap;font-size:17px;font-weight:800;font-stretch:125%;text-decoration:none}.top__me span{color:var(--red)}.top__links{align-items:center;gap:4px;font-size:15px;font-weight:600;display:flex}.top__links a,.top__links button{white-space:nowrap;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 12px;text-decoration:none}.top__links a:hover,.top__links button:hover{color:var(--ink)}.top__links a.is-on{background:var(--ink);color:var(--wall)}.top__links .top__music{place-items:center;width:34px;height:34px;padding:0;display:grid}.top__music span{align-items:flex-end;gap:3px;height:14px;display:flex}.top__music i{width:3px;height:5px;transition:height .4s var(--ease);background:currentColor;border-radius:1px}.top__music i:nth-child(2){height:9px}.top__music.is-playing i{animation:music-bar 1.8s var(--ease) infinite alternate}.top__music.is-playing i:nth-child(2){animation-delay:-.6s}.top__music.is-playing i:nth-child(3){animation-delay:-1.2s}.top__music.is-off i{opacity:.55;height:3px}@keyframes music-bar{0%{height:4px}to{height:14px}}@media (prefers-reduced-motion:reduce){.top__music.is-playing i{animation:none}}.top__due{background:var(--red);color:#fff;min-width:18px;font-family:var(--pixel);text-align:center;border-radius:999px;margin-left:6px;padding:0 5px;font-size:10px;line-height:18px;display:inline-block}.page{max-width:1240px;padding:clamp(28px, 5vw, 64px) var(--gutter) 160px;margin:0 auto}.page--narrow{max-width:880px}.crumbs{font-family:var(--pixel);color:var(--ink-mute);align-items:center;gap:8px;margin:0 0 18px;font-size:12px;display:flex}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--ink)}.title{letter-spacing:-.045em;overflow-wrap:anywhere;margin:0;font-size:clamp(44px,8vw,112px);font-weight:900;font-stretch:125%;line-height:.88}.title--m{font-size:clamp(36px,5.4vw,76px);line-height:.92}.lede{max-width:52ch;color:var(--ink-soft);margin:14px 0 0;font-size:clamp(18px,1.6vw,22px);font-weight:500;line-height:1.35}.h2{letter-spacing:-.03em;margin:0;font-size:clamp(28px,3vw,40px);font-weight:800;font-stretch:112%;line-height:1}.section{border-top:2px solid var(--ink);margin-top:clamp(40px,6vw,72px);padding-top:20px}.section__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:22px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row--end{justify-content:flex-end}.row--between{justify-content:space-between}.stack{gap:14px;display:grid}.grow{flex:1;min-width:0}.btn{background:var(--ink);color:var(--wall);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .12s,opacity .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.btn--ghost{color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink);background:0 0}.btn--red{background:var(--red);color:#fff}.btn--s{padding:8px 14px;font-size:14px}.pbtn{font-family:var(--pixel);color:var(--ink);border:2px solid var(--ink);cursor:pointer;box-shadow:3px 3px 0 0 var(--ink);white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:8px;padding:8px 13px 7px;font-size:13px;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.pbtn:hover{box-shadow:4px 4px 0 0 var(--ink);transform:translate(-1px,-1px)}.pbtn:active{box-shadow:0 0 0 0 var(--ink);transform:translate(3px,3px)}.pbtn:disabled{opacity:.35;cursor:not-allowed;box-shadow:3px 3px 0 0 var(--ink);transform:none}.pbtn.is-on,.pbtn--fill{background:var(--ink);color:var(--wall)}.pbtn--red{border-color:var(--red);color:var(--red);box-shadow:3px 3px 0 0 var(--red)}.pbtn--red:hover{box-shadow:4px 4px 0 0 var(--red)}.pbtn--s{box-shadow:2px 2px 0 0 var(--ink);padding:5px 9px 4px;font-size:11px}.link{color:var(--ink);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.link--mute{color:var(--ink-mute);font-weight:500}.iconbtn{width:34px;height:34px;color:var(--ink-mute);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;font-size:16px;display:inline-grid}.iconbtn:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 8%, transparent)}.iconbtn.is-on{color:var(--amber)}.field{gap:6px;display:grid}.field>span{font-family:var(--pixel);color:var(--ink-mute);font-size:11px}.input,.textarea,.select{width:100%;font:inherit;color:var(--paper-ink);background:var(--paper);border:2px solid var(--ink);border-radius:0;outline:none;padding:10px 12px;font-size:16px;transition:box-shadow .12s}@media (prefers-color-scheme:dark){.input,.textarea,.select{border-color:#0e0f10}}.input:focus,.textarea:focus,.select:focus{box-shadow:4px 4px 0 0 var(--ink)}.textarea{resize:vertical;min-height:96px;line-height:1.45}.input--bare{color:var(--ink);background:0 0;border:0;padding:0}.input--bare:focus{box-shadow:none}.check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:15px;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--red)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font-family:var(--pixel);border:2px solid var(--ink);cursor:pointer;color:var(--ink);background:0 0;padding:6px 10px 5px;font-size:11px}.chip.is-on{background:var(--ink);color:var(--wall)}.screen{background:var(--screen);color:var(--screen-text);border-radius:18px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,0 40px 60px -30px #0000008c,0 12px 24px -12px #00000059}.screen__bar{border-bottom:1px solid var(--screen-line);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.screen__body{padding:18px}.dots{gap:7px;display:flex}.dots i{background:#3a3c40;border-radius:50%;width:11px;height:11px}.screen .input,.screen .textarea,.screen .select{background:var(--screen-2);color:var(--screen-text);border:1px solid var(--screen-line);border-radius:10px}.screen .input:focus,.screen .textarea:focus,.screen .select:focus{box-shadow:0 0 0 2px var(--red)}.screen .field>span{color:var(--screen-mute)}.screen .chip{border-color:var(--screen-3);color:var(--screen-text)}.screen .chip.is-on{background:var(--screen-text);color:var(--screen);border-color:var(--screen-text)}.screen .btn{background:var(--paper);color:var(--screen)}.screen .btn--ghost{color:var(--screen-text);box-shadow:inset 0 0 0 1px var(--screen-3);background:0 0}.screen .check{color:var(--screen-text)}.screen .mute{color:var(--screen-mute)}.screen .link{color:var(--screen-text)}.caret{vertical-align:-2px;background:currentColor;width:7px;height:1.05em;margin-left:2px;animation:1.05s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.hero{padding-top:clamp(8px,3vw,40px);position:relative}.hero .title{font-size:clamp(64px,13vw,200px)}.banner{background:var(--paper);color:var(--paper-ink);font-family:var(--pixel);align-items:baseline;gap:10px;width:fit-content;max-width:100%;margin-top:22px;padding:10px 14px 9px;font-size:12px;display:flex;box-shadow:0 0 0 2px #17181a,4px 4px #17181a}.stats{border-top:2px solid var(--ink);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(32px,5vw,56px);display:grid}.stats>div{padding:16px 20px 0 0}.stats dt{color:var(--ink-mute);font-size:14px;font-weight:500}.stats dd{letter-spacing:-.03em;margin:2px 0 0;font-size:clamp(28px,3.4vw,48px);font-weight:800;font-stretch:112%;line-height:1.05}.week{align-items:flex-end;gap:4px;height:38px;margin-top:8px;display:flex}.week i{background:var(--ink);flex:1;max-width:14px;min-height:3px}.week i:last-child{background:var(--red)}.hubgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px);display:grid}.hubcard{background:var(--screen);min-height:300px;color:var(--screen-text);transition:transform .35s var(--spring);border-radius:18px;align-content:space-between;gap:40px;padding:24px;text-decoration:none;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,0 40px 60px -30px #0000008c}.hubcard:hover{transform:translateY(-4px)rotate(-.4deg)}.hubcard h3{letter-spacing:-.04em;color:var(--paper);margin:0;font-size:clamp(40px,5vw,72px);font-weight:900;font-stretch:125%;line-height:.9}.hubcard p{max-width:34ch;color:var(--screen-mute);margin:10px 0 0}.hubcard__art{position:absolute;top:22px;right:22px}.hubcard__foot{font-family:var(--pixel);justify-content:space-between;align-items:center;font-size:12px;display:flex}.hubcard--soon{color:var(--ink);box-shadow:inset 0 0 0 2px var(--line);pointer-events:none;background:0 0}.hubcard--soon h3{color:var(--ink-mute)}.minideck{width:120px;height:84px;position:relative}.minideck i{background:var(--paper);transition:transform .45s var(--spring);border-radius:8px;position:absolute;inset:0;box-shadow:0 8px 14px #00000059}.minideck i:first-child{background:#cfd1cc;transform:rotate(-9deg)translate(-8px,4px)}.minideck i:nth-child(2){background:#e2e3de;transform:rotate(4deg)translate(6px,2px)}.minideck i:nth-child(3):after{content:"?";font-family:var(--pixel);color:var(--red);place-items:center;font-size:28px;display:grid;position:absolute;inset:0}.hubcard:hover .minideck i:first-child{transform:rotate(-16deg)translate(-22px,6px)}.hubcard:hover .minideck i:nth-child(2){transform:rotate(10deg)translate(20px)}.minitest{gap:7px;width:130px;display:grid}.minitest b{font-family:var(--pixel);color:var(--screen-mute);align-items:center;gap:8px;font-size:10px;display:flex}.minitest b:before{content:"";border:2px solid var(--screen-3);width:12px;height:12px}.minitest b.is-on:before{background:var(--red);border-color:var(--red)}.minitest b:after{content:"";background:var(--screen-3);border-radius:3px;flex:1;height:6px}.tiles{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.tile{background:var(--paper);min-height:190px;color:var(--paper-ink);transition:transform .3s var(--spring), box-shadow .3s;border-radius:14px;grid-template-rows:auto 1fr auto;gap:10px;padding:18px 18px 16px;text-decoration:none;display:grid;position:relative;overflow:hidden;box-shadow:0 1px #00000014,0 18px 30px -18px #00000073}.tile:hover{transform:translateY(-3px);box-shadow:0 1px #00000014,0 26px 40px -20px #0000008c}.tile__stripe{height:6px;position:absolute;inset:0 0 auto}.tile__title{letter-spacing:-.02em;overflow-wrap:anywhere;margin:4px 0 0;font-size:24px;font-weight:800;font-stretch:112%;line-height:1.05}.tile__desc{color:#5b5d5f;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;display:-webkit-box;overflow:hidden}.tile__foot{font-family:var(--pixel);color:#5b5d5f;justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.tile__cover{object-fit:cover;border-radius:8px;width:54px;height:54px;position:absolute;top:16px;right:12px;box-shadow:0 4px 10px #0003}.tile--new{color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink);font-family:var(--pixel);cursor:pointer;background:0 0;border:0;align-content:center;place-items:center;gap:8px;font-size:13px;display:grid}.tile--new b{font-size:40px;line-height:1}.badge{font-family:var(--pixel);color:#f2f2ee;background:#17181a;padding:2px 7px 1px;font-size:10px;display:inline-block}.badge--red{background:var(--red);color:#fff}.badge--green{color:#fff;background:#2f8f4e}.meter{background:#17181a1f;border-radius:3px;height:6px;overflow:hidden}.meter i{height:100%;transition:width .5s var(--ease);background:#17181a;border-radius:3px;display:block}.meter--screen{background:var(--screen-3)}.meter--screen i{background:var(--paper)}.empty{text-align:center;color:var(--ink-soft);justify-items:center;gap:14px;padding:56px 20px;display:grid}.empty p{max-width:40ch;margin:0}.modes{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.mode{background:var(--screen);min-height:150px;color:var(--screen-text);transition:transform .3s var(--spring);border-radius:14px;align-content:start;gap:8px;padding:16px;text-decoration:none;display:grid}.mode:hover{transform:translateY(-3px)}.mode__glyph{font-family:var(--mono);color:var(--paper);font-size:26px;line-height:1}.mode b{color:var(--paper);font-size:18px;font-weight:800;font-stretch:110%}.mode span{color:var(--screen-mute);font-size:13px;line-height:1.35}.mode.is-disabled{opacity:.4;pointer-events:none}.mode--main{background:var(--red)}.mode--main span,.mode--main .mode__glyph{color:#fff}.mode--main span{opacity:.85}.opts{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:14px;display:flex}.editor{gap:12px;display:grid}.crow{background:var(--paper);color:var(--paper-ink);border-radius:12px;grid-template-columns:34px minmax(0,1fr) minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px;display:grid;box-shadow:0 10px 22px -16px #00000073}.crow__n{font-family:var(--pixel);color:#5b5d5f;text-align:center;padding-top:10px;font-size:11px}.crow__side{gap:8px;min-width:0;display:grid}.crow__side label{font-family:var(--pixel);color:#5b5d5f;font-size:10px}.crow .textarea{color:#17181a;background:0 0;border-width:0 0 2px;border-color:#17181a;min-height:52px;padding:8px 2px}.crow .textarea:focus{box-shadow:none;border-color:var(--red)}.crow .input{color:#3b3d40;background:0 0;border-width:0 0 1px;border-color:#17181a40;padding:4px 2px;font-size:14px}.crow .input:focus{box-shadow:none;border-color:var(--red)}.crow__tools{gap:4px;display:grid}.crow .iconbtn{color:#5b5d5f}.crow .iconbtn:hover{color:#17181a;background:#17181a12}.crow .iconbtn.is-on{color:#c98a1c}.crow.is-saving{box-shadow:0 0 0 2px color-mix(in srgb, var(--amber) 60%, transparent), 0 10px 22px -16px #00000073}.imgpick{align-items:center;gap:8px;display:flex}.imgpick__thumb{background:#e2e3de;border-radius:8px;width:74px;height:56px;position:relative;overflow:hidden}.imgpick__thumb img{object-fit:cover;width:100%;height:100%}.imgpick__thumb button{color:#fff;cursor:pointer;background:#17181acc;border:0;border-radius:50%;width:20px;height:20px;font-size:12px;line-height:1;position:absolute;top:3px;right:3px}.imgpick__add{font-family:var(--pixel);color:#5b5d5f;cursor:pointer;background:0 0;border:1.5px dashed #17181a66;padding:6px 8px 5px;font-size:10px}.imgpick__add:hover{color:#17181a;border-color:#17181a}.study{justify-items:center;gap:22px;max-width:820px;margin:0 auto;display:grid}.study__head{justify-content:space-between;align-items:center;gap:14px;width:100%;display:flex}.study__progress{flex:1;max-width:360px}.study__count{font-family:var(--pixel);color:var(--ink-mute);white-space:nowrap;font-size:12px}.fc{aspect-ratio:16/10;perspective:1600px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y;width:100%;max-height:54svh;position:relative}.fc__in{transition:transform .6s var(--spring);position:absolute;inset:0}.fc.is-flipped .fc__in{transform:rotateY(180deg)}.fc__face{background:var(--paper);color:#17181a;border-radius:20px;grid-template-rows:auto 1fr auto;padding:clamp(16px,3vw,28px);transition:opacity 0s linear .14s;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:0 1px #0000001a,0 40px 60px -30px #0000008c,0 12px 24px -12px #0000004d}.fc__face--back{opacity:0;background:#fbfbf8;transform:rotateY(180deg)}.fc.is-flipped .fc__face--back{opacity:1}.fc.is-flipped .fc__face:not(.fc__face--back){opacity:0}.fc__face:before{content:"";background:#17181a24;border-radius:4px;width:54px;height:7px;margin-left:-27px;position:absolute;top:12px;left:50%}.fc__label{font-family:var(--pixel);color:#5b5d5f;justify-content:space-between;font-size:11px;display:flex}.fc__content{text-align:center;align-content:center;place-items:center;gap:14px;min-height:0;display:grid;overflow:auto}.fc__text{letter-spacing:-.015em;white-space:pre-wrap;overflow-wrap:anywhere;font-size:clamp(22px,3.4vw,40px);font-weight:700;line-height:1.2}.fc__text--long{font-size:clamp(17px,2.2vw,24px);font-weight:600}.fc__img{object-fit:contain;border-radius:10px;max-width:100%;max-height:30svh}.fc__hint{color:#5b5d5f;text-align:center;font-size:14px}.fc__stamp{font-family:var(--pixel);opacity:0;pointer-events:none;border:3px solid;padding:6px 12px 5px;font-size:16px;transition:opacity .15s,transform .2s;position:absolute;top:26px;transform:rotate(-8deg)scale(1.2)}.fc__stamp--yes{color:#2f8f4e;right:26px;transform:rotate(8deg)scale(1.2)}.fc__stamp--no{color:#d23a2a;left:26px}.fc__stamp.is-shown{opacity:1;transform:rotate(-8deg)scale(1)}.fc__stamp--yes.is-shown{transform:rotate(8deg)scale(1)}.fc.is-out-left{animation:out-left .32s var(--ease) forwards}.fc.is-out-right{animation:out-right .32s var(--ease) forwards}.fc.is-in{animation:card-in .42s var(--spring)}@keyframes out-left{to{opacity:0;transform:translate(-60%)rotate(-10deg)}}@keyframes out-right{to{opacity:0;transform:translate(60%)rotate(10deg)}}@keyframes card-in{0%{opacity:0;transform:translateY(24px)scale(.96)}}.grades{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;display:grid}.grade{border:2px solid var(--ink);cursor:pointer;box-shadow:3px 3px 0 0 var(--ink);background:0 0;justify-items:center;gap:2px;padding:12px 8px 10px;transition:transform .12s,box-shadow .12s;display:grid}.grade:hover{box-shadow:4px 4px 0 0 var(--ink);transform:translate(-1px,-1px)}.grade:active{box-shadow:none;transform:translate(3px,3px)}.grade b{font-family:var(--pixel);font-size:13px;font-weight:400}.grade small{font-family:var(--mono);color:var(--ink-mute);font-size:11px}.grade--1 b{color:var(--red)}.grade--2 b{color:var(--amber)}.grade--3 b{color:var(--green)}.grade--4 b{color:var(--blue)}.kbd{border:1px solid var(--line);min-width:18px;font-family:var(--mono);text-align:center;color:var(--ink-mute);border-bottom-width:2px;border-radius:4px;padding:0 4px;font-size:11px;line-height:16px;display:inline-block}.keys{color:var(--ink-mute);flex-wrap:wrap;justify-content:center;gap:6px 16px;font-size:13px;display:flex}.qcard{background:var(--paper);color:#17181a;border-radius:18px;width:100%;padding:clamp(18px,3vw,30px);box-shadow:0 1px #0000001a,0 30px 50px -30px #00000080}.qcard__kind{font-family:var(--pixel);color:#5b5d5f;font-size:11px}.qcard__prompt{letter-spacing:-.012em;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0;font-size:clamp(20px,2.6vw,30px);font-weight:700;line-height:1.22}.qcard__img{border-radius:10px;max-width:100%;max-height:280px;margin-top:14px;display:block}.qcard__body{margin-top:20px}.qcard .input,.qcard .textarea{color:#17181a;background:#fff;border-color:#17181a}.qcard .input:focus,.qcard .textarea:focus{box-shadow:4px 4px #17181a}.opts-list{gap:10px;display:grid}.opt{text-align:left;color:#17181a;cursor:pointer;background:#fff;border:2px solid #17181a2e;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:17px;font-weight:500;transition:border-color .12s,transform .12s,box-shadow .12s;display:grid}.opt:hover:not(:disabled){border-color:#17181a}.opt:disabled{cursor:default}.opt__key{width:32px;height:32px;font-family:var(--pixel);border:2px solid #17181a;place-items:center;font-size:13px;display:grid}.opt.is-picked{border-color:#17181a;box-shadow:3px 3px #17181a}.opt.is-picked .opt__key{color:#f2f2ee;background:#17181a}.opt.is-right{background:#e5f3e8;border-color:#2f8f4e}.opt.is-right .opt__key{color:#fff;background:#2f8f4e;border-color:#2f8f4e}.opt.is-wrong{background:#fbe7e4;border-color:#d23a2a}.opt.is-wrong .opt__key{color:#fff;background:#d23a2a;border-color:#d23a2a}.opt__mark{font-family:var(--pixel);font-size:11px}.opt.is-right .opt__mark{color:#2f8f4e}.opt.is-wrong .opt__mark{color:#d23a2a}.verdict{background:#fff;border-left:4px solid;gap:6px;margin-top:18px;padding:14px 16px;display:grid}.verdict b{font-family:var(--pixel);font-size:13px;font-weight:400}.verdict--ok{border-color:#2f8f4e}.verdict--ok b{color:#2f8f4e}.verdict--no{border-color:#d23a2a}.verdict--no b{color:#d23a2a}.verdict--half{border-color:#c98a1c}.verdict--half b{color:#c98a1c}.verdict p{color:#3b3d40;white-space:pre-wrap;margin:0;font-size:15px}.diff ins{background:#cdebd5;text-decoration:none}.diff del{color:#d23a2a;text-decoration:line-through}.match{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 56px;display:grid;position:relative}.match__col{align-content:start;gap:10px;display:grid}.match__item{text-align:left;color:#17181a;cursor:pointer;background:#fff;border:2px solid #17181a2e;min-height:48px;padding:11px 14px;font-size:16px;font-weight:500;transition:border-color .12s,box-shadow .12s;position:relative}.match__item:hover:not(:disabled){border-color:#17181a}.match__item.is-armed{border-color:#17181a;box-shadow:3px 3px #17181a}.match__item.is-linked{border-color:var(--pair,#17181a)}.match__item.is-right{background:#e5f3e8;border-color:#2f8f4e}.match__item.is-wrong{background:#fbe7e4;border-color:#d23a2a}.match__tag{width:20px;height:20px;font-family:var(--pixel);color:#fff;background:var(--pair,#17181a);border-radius:50%;place-items:center;font-size:10px;display:grid;position:absolute;top:-8px;right:-8px}.match__lines{pointer-events:none;position:absolute;inset:0;overflow:visible}.order{gap:8px;display:grid}.order__item{color:#17181a;touch-action:none;cursor:grab;transition:transform .25s var(--spring), border-color .12s;background:#fff;border:2px solid #17181a2e;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;font-size:16px;font-weight:500;display:grid}.order__item.is-dragging{cursor:grabbing;z-index:2;border-color:#17181a;transition:none;position:relative;box-shadow:4px 4px #17181a}.order__item.is-right{border-color:#2f8f4e}.order__item.is-wrong{border-color:#d23a2a}.order__n{font-family:var(--pixel);color:#5b5d5f;font-size:12px}.order__btns{display:flex}.order__btns button{cursor:pointer;color:#5b5d5f;background:0 0;border:0;width:28px;height:28px}.fill{color:#17181a;font-size:clamp(19px,2.3vw,26px);font-weight:600;line-height:2}.fill input{width:9ch;font:inherit;color:#17181a;text-align:center;background:0 0;border:0;border-bottom:3px solid #17181a;outline:none;padding:0 4px;font-weight:700}.fill input:focus{border-color:var(--red)}.fill input.is-right{color:#2f8f4e;border-color:#2f8f4e}.fill input.is-wrong{color:#d23a2a;border-color:#d23a2a}.tf{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tf .opt{font-family:var(--pixel);grid-template-columns:minmax(0,1fr);justify-items:center;padding:20px;font-size:15px}.mgame{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;display:grid}.mtile{text-align:center;overflow-wrap:anywhere;background:var(--paper);color:#17181a;cursor:pointer;min-height:110px;transition:transform .25s var(--spring), opacity .3s, box-shadow .15s;border:0;border-radius:12px;place-items:center;padding:12px;font-size:15px;font-weight:600;line-height:1.25;display:grid;box-shadow:0 12px 20px -14px #00000080}.mtile img{border-radius:6px;max-height:80px}.mtile:hover{transform:translateY(-2px)}.mtile.is-armed{box-shadow:0 0 0 3px #17181a,5px 5px #17181a}.mtile.is-wrong{animation:.35s shake;box-shadow:0 0 0 3px #d23a2a}.mtile.is-gone{opacity:0;pointer-events:none;transform:scale(.85)}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.timer{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:22px;font-weight:500}.score{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,48px);display:grid}.score__big{letter-spacing:-.05em;font-size:clamp(88px,16vw,220px);font-weight:900;font-stretch:125%;line-height:.8}.score__big small{letter-spacing:-.02em;font-size:.35em}.review-list{gap:12px;display:grid}.rv{background:var(--paper);color:#17181a;border-radius:12px;grid-template-columns:26px minmax(0,1fr);gap:12px;padding:14px 16px;display:grid}.rv__mark{font-family:var(--pixel);font-size:16px}.rv__mark.is-ok{color:#2f8f4e}.rv__mark.is-no{color:#d23a2a}.rv__mark.is-half{color:#c98a1c}.rv__q{margin:0;font-weight:700}.rv__a{color:#3b3d40;white-space:pre-wrap;margin:6px 0 0;font-size:15px}.rv__a b{color:#17181a}.qed{background:var(--paper);color:#17181a;border-radius:14px;gap:14px;padding:18px;display:grid;box-shadow:0 14px 26px -18px #00000080}.qed__head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.qed__n{font-family:var(--pixel);font-size:13px}.qed .select,.qed .input,.qed .textarea{color:#17181a;background-color:#fff;border-color:#17181a}.qed .field>span,.qed .iconbtn{color:#5b5d5f}.qed .iconbtn:hover{color:#17181a;background:#17181a12}.qed .pbtn,.qed .link{color:#17181a;border-color:#17181a;box-shadow:3px 3px #17181a}.qed .link{box-shadow:none}.qed .pbtn--s{box-shadow:2px 2px #17181a}.qed .check{color:#17181a}.qed .imgpick__add{color:#5b5d5f}.qed__opt{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.qed__pair{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.qed__mark{width:32px;height:32px;font-family:var(--pixel);color:#17181a;cursor:pointer;background:#fff;border:2px solid #17181a;place-items:center;font-size:12px;display:grid}.qed__mark.is-on{color:#fff;background:#2f8f4e;border-color:#2f8f4e}.qed__typebar{flex-wrap:wrap;gap:8px;display:flex}.qed .chip{color:#17181a;border-color:#17181a}.qed .chip.is-on{color:#f2f2ee;background:#17181a}.savebar{z-index:5;background:var(--screen);color:var(--screen-text);border-radius:999px;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding:10px 10px 10px 18px;display:flex;position:sticky;bottom:16px;box-shadow:0 18px 34px -14px #0000008c}.savebar .btn{background:var(--paper);color:var(--screen)}.nilpanel{grid-template-columns:minmax(0,1fr);display:grid}.nilhead{align-items:flex-end;gap:14px;padding:18px 18px 0;display:flex}.nilsay{background:var(--paper);color:#17181a;font-family:var(--pixel);flex:1;min-height:40px;margin-bottom:18px;padding:10px 13px 9px;font-size:12px;line-height:1.45;position:relative;box-shadow:0 0 0 2px #17181a,4px 4px #0b0b0c}.nilsay:after{content:"";background:var(--paper);width:8px;height:8px;position:absolute;bottom:10px;left:-9px;box-shadow:-2px 2px #17181a,-2px 0 #17181a}.nilcat{image-rendering:pixelated;flex:none;display:block}.drop{text-align:center;border:2px dashed var(--screen-3);color:var(--screen-mute);cursor:pointer;border-radius:14px;place-items:center;gap:6px;padding:26px 16px;transition:border-color .15s,background .15s;display:grid}.drop:hover,.drop.is-over{border-color:var(--paper);color:var(--screen-text);background:#ffffff08}.drop b{font-family:var(--pixel);color:var(--screen-text);font-size:13px;font-weight:400}.files{gap:6px;display:grid}.filerow{background:var(--screen-2);border-radius:10px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 10px 8px 12px;font-size:14px;display:grid}.filerow span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.filerow small{font-family:var(--mono);color:var(--screen-mute);font-size:11px}.filerow button{color:var(--screen-mute);cursor:pointer;background:0 0;border:0}.tabs{background:#121315;border-radius:999px;gap:2px;width:fit-content;max-width:100%;padding:3px;display:flex;overflow-x:auto}.tabs button{color:#9b9d99;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:600}.tabs button.is-on{background:var(--screen-3);color:#f2f2ee}.tabs--wall{background:color-mix(in srgb, var(--ink) 10%, transparent)}.tabs--wall button{color:var(--ink-soft)}.tabs--wall button.is-on{background:var(--ink);color:var(--wall)}.preview{gap:8px;max-height:420px;padding-right:4px;display:grid;overflow:auto}.pv{background:var(--screen-2);border-radius:10px;grid-template-columns:24px minmax(0,1fr) minmax(0,1fr) auto;align-items:start;gap:10px;padding:10px 12px;font-size:14px;display:grid}.pv textarea{width:100%;font:inherit;color:var(--screen-text);resize:none;field-sizing:content;background:0 0;border:0;outline:none;min-height:1.5em}.pv textarea:focus{background:var(--screen-3)}.pv__n{font-family:var(--pixel);color:var(--screen-mute);padding-top:3px;font-size:10px}.pv button{color:var(--screen-mute);cursor:pointer;background:0 0;border:0}.pv--q{grid-template-columns:24px minmax(0,1fr) auto}.pv__type{font-family:var(--pixel);color:var(--amber);font-size:10px}.mplayer{z-index:25;background:var(--paper);color:#17181a;width:432px;max-width:calc(100vw - 32px);animation:rise .35s var(--spring);position:fixed;bottom:16px;right:16px;box-shadow:0 0 0 2px #17181a,4px 4px #17181a}.mplayer[hidden]{display:none}.mplayer.is-compact{width:212px}.mplayer__main{gap:14px;padding:6px;display:flex}.mplayer__cover{background:#17181a;flex:none;width:200px;height:200px}.mplayer__cover iframe{border:0;display:block}.mplayer__info{flex-direction:column;flex:1;min-width:0;padding:6px 8px 4px 0;display:flex}.is-compact .mplayer__info{display:none}.mplayer__album{font-family:var(--pixel);color:#5b5d5f;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.mplayer__title{letter-spacing:-.02em;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:8px;font-size:22px;font-weight:800;font-stretch:112%;line-height:1.02;display:-webkit-box;overflow:hidden}.mplayer__artist{color:#3b3d40;margin-top:4px;font-size:14px;font-weight:600}.mplayer__bar{cursor:pointer;height:14px;margin-top:auto;position:relative}.mplayer__bar:before,.mplayer__bar i{content:"";height:4px;position:absolute;top:5px;left:0}.mplayer__bar:before{background:#17181a2e;right:0}.mplayer__bar i{background:#17181a;transition:width .5s linear}.mplayer__time{font-family:var(--mono);color:#5b5d5f;justify-content:space-between;font-size:11px;display:flex}.mplayer__vol{color:#3b3d40;align-items:center;gap:6px;margin-top:8px;display:flex}.mplayer__vol input{accent-color:#17181a;flex:1;min-width:0}.mplayer__ctl{align-items:center;gap:2px;padding:0 6px 6px;display:flex}.mplayer__ctl button{color:#3b3d40;cursor:pointer;background:0 0;border:0;place-items:center;width:32px;height:32px;padding:0;display:grid}.mplayer__ctl button:hover,.mplayer__ctl button.is-on{color:#17181a}.mplayer__ctl button.is-on{box-shadow:inset 0 -2px 0 var(--red)}.mplayer__ctl .mplayer__play{width:40px;color:var(--paper);background:#17181a}.mplayer__ctl .mplayer__play:hover{color:#fff}.mplayer__ctl button:nth-last-child(2){margin-left:auto}.is-compact .mplayer__ctl button:nth-child(4){display:none}.mplayer__list{overscroll-behavior:contain;background:var(--paper);width:min(432px,100vw - 32px);max-height:min(60vh,560px);animation:rise .25s var(--spring);padding:12px 14px;position:absolute;bottom:calc(100% + 12px);right:-2px;overflow:auto;box-shadow:0 0 0 2px #17181a,4px 4px #17181a}.mplayer__hint{color:#5b5d5f;margin:0 0 10px;font-size:12px}.mplayer__hint:last-child{margin:12px 0 0}.mplayer__alb{background:var(--paper);font-family:var(--pixel);cursor:pointer;align-items:baseline;gap:8px;margin:0 -14px;padding:8px 14px 6px;font-size:12px;display:flex;position:sticky;top:-12px}.mplayer__alb b{font-weight:400}.mplayer__alb span{color:#5b5d5f}.mplayer__alb input{accent-color:#17181a;align-self:center;margin:0}.mplayer__list ol{margin:0 0 8px;padding:0;list-style:none}.mplayer__list li button{color:#17181a;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:baseline;gap:8px;padding:5px 6px 5px 22px;font-size:14px;display:flex}.mplayer__list li button:hover{background:#17181a14}.mplayer__list li button.is-on{color:var(--paper);background:#17181a}.mplayer__list li button span{opacity:.6;flex:none;font-size:11px}.modal{z-index:40;-webkit-backdrop-filter:blur(6px);background:#0a0a0c80;place-items:center;padding:16px;animation:.2s fade;display:grid;position:fixed;inset:0}.modal__box{width:min(720px,100%);max-height:calc(100svh - 32px);animation:rise .35s var(--spring);overflow:auto}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(24px)scale(.98)}}.toast{z-index:50;background:var(--paper);color:#17181a;font-family:var(--pixel);animation:rise .3s var(--spring);max-width:calc(100vw - 32px);padding:10px 16px 9px;font-size:12px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #17181a,4px 4px #17181a}.toast--err{background:#fbe7e4}.gate{min-height:100svh;padding:var(--gutter);background-image:linear-gradient(var(--wall-tone), var(--wall-tone)), var(--wall-image);background-position:50%;background-size:cover;align-content:end;padding-bottom:clamp(48px,12vh,120px);display:grid;position:relative}.gate .title{font-size:clamp(76px,17vw,260px)}.gate__form{align-items:stretch;gap:12px;max-width:520px;margin-top:26px;display:flex}.gate__form .input{font-size:18px;font-family:var(--mono)}.gate__err{font-family:var(--pixel);color:var(--red);min-height:1.4em;margin:12px 0 0;font-size:12px}.gate__body.is-shake{animation:.35s shake}.gate__tabs{margin-top:26px}.gate__body .gate__form{margin-top:14px}.gate__note{color:var(--ink-soft);margin:4px 0 0;font-size:14px}.authform{gap:12px;max-width:520px;margin-top:14px;display:grid}.authform__pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.authform .pbtn{justify-self:start;min-height:46px;padding:0 18px}.authform .field>span{color:var(--ink-soft)}@media (width<=520px){.authform__pair{grid-template-columns:1fr}}.acct{gap:18px;max-width:640px;margin-top:26px;display:grid}.acct__card{--ink:#17181a;--ink-soft:#3b3d40;--ink-mute:#5b5d5f;--wall:#f2f2ee;background:var(--paper);color:var(--paper-ink);padding:22px;box-shadow:0 0 0 2px #17181a,6px 6px #17181a}.acct__card h2{letter-spacing:-.02em;margin:0 0 4px;font-size:22px;font-weight:800;font-stretch:112%}.acct__card p{color:#5b5d5f;margin:0 0 14px;font-size:15px}.acct__card .field>span{color:#5b5d5f}.acct__card .authform,.acct__card.authform{max-width:none;margin-top:0}.acct__who{grid-template-columns:max-content 1fr;gap:4px 18px;margin:0;font-size:15px;display:grid}.acct__who dt{font-family:var(--pixel);color:#5b5d5f;padding-top:3px;font-size:11px}.acct__who dd{overflow-wrap:anywhere;margin:0}.top__links .top__user{text-overflow:ellipsis;max-width:14ch;font-weight:700;overflow:hidden}.nully{z-index:20;pointer-events:none;position:fixed;inset:0}.nully__body,.nully__shadow{will-change:transform;position:absolute;top:0;left:0}.nully__shadow{filter:blur(3px);transform-origin:50%;background:#000;border-radius:50%;width:56px;height:8px}.nully__canvas{pointer-events:auto;cursor:grab;image-rendering:pixelated;touch-action:none;display:block}.nully__canvas:active{cursor:grabbing}.nully__bubble{--shift:-30%;transform:translateX(var(--shift)) translateY(4px);background:var(--paper);color:#17181a;width:max-content;max-width:240px;font-family:var(--pixel);opacity:0;padding:8px 11px 7px;font-size:12px;line-height:1.35;transition:opacity .2s,transform .2s;position:absolute;bottom:calc(100% + 6px);left:50%;box-shadow:0 0 0 2px #17181a,4px 4px #17181a}.nully__bubble.is-shown{opacity:1;transform:translateX(var(--shift))}.nully__bubble[data-side=left]{--shift:0%;left:10px}.nully__bubble[data-side=right]{--shift:0%;left:auto;right:10px}.nully__bubble[data-side=right]:after{left:auto;right:22%}.nully__bubble:after{content:"";background:var(--paper);width:8px;height:8px;position:absolute;top:100%;left:22%;box-shadow:2px 2px #17181a,0 2px #17181a}.foot{max-width:1240px;padding:0 var(--gutter) 130px;margin:0 auto}.foot__big{letter-spacing:-.05em;color:color-mix(in srgb, var(--ink) 12%, transparent);margin:0;font-size:clamp(64px,16vw,260px);font-weight:900;font-stretch:125%;line-height:.8}.foot__row{border-top:2px solid var(--ink);color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:24px;padding-top:16px;font-size:15px;display:flex}.foot__row a{color:var(--ink);text-underline-offset:4px;font-weight:700}.spin{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h10v2H8v2H6v2H4V4H2V2H0z' fill='%2317181a'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;padding-right:36px}.screen .select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h10v2H8v2H6v2H4V4H2V2H0z' fill='%23d9dad6'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat}.input.input--bare.title{font-family:var(--display);letter-spacing:-.045em;padding:0;font-size:clamp(36px,5.4vw,76px);font-weight:900;font-stretch:125%;line-height:1}.input.input--bare.lede{color:var(--ink-soft);margin-top:10px;font-size:clamp(18px,1.6vw,22px);font-weight:500}.input--bare::placeholder{color:var(--ink-mute)}@media (width<=1000px){.modes{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.hubgrid,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hubgrid{grid-template-columns:minmax(0,1fr)}.stats>div{padding-bottom:12px}.modes{grid-template-columns:repeat(2,minmax(0,1fr))}.mode{min-height:0}.crow{grid-template-columns:minmax(0,1fr) auto}.crow__n{display:none}.crow__side:nth-of-type(2){grid-column:1}.crow__tools{grid-area:1/2/span 2}.grades{grid-template-columns:repeat(2,minmax(0,1fr))}.mgame{grid-template-columns:repeat(3,minmax(0,1fr))}.match{gap:10px 24px}.score{grid-template-columns:minmax(0,1fr)}.pv{grid-template-columns:minmax(0,1fr) auto}.pv__n{display:none}.pv textarea:nth-of-type(2){grid-column:1}.qed__pair{grid-template-columns:minmax(0,1fr) auto}.qed__pair>i{display:none}}@media (width<=560px){body{font-size:16px}.top{padding:10px var(--gutter)}.top__links{font-size:14px}.top__links a,.top__links button{padding:6px 9px}.top__me b{display:none}.fc{aspect-ratio:4/5}.mgame{grid-template-columns:repeat(2,minmax(0,1fr))}.gate__form{flex-direction:column}.nully__bubble{max-width:190px;padding:6px 9px 5px;font-size:10.5px}.savebar{border-radius:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.sitefoot{color:var(--ink-mute,#5b5d5f);flex-wrap:wrap;justify-content:center;gap:6px 18px;padding:28px 16px 36px;font-size:13px;display:flex}.sitefoot a{color:inherit;text-underline-offset:3px}.sitefoot a:hover{color:var(--ink,#17181a)}.page--wide{max-width:1480px}.hctl{gap:16px;display:grid}.hnum{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.hnum__k{letter-spacing:-.04em;font-size:clamp(34px,4vw,52px);font-weight:900;font-stretch:125%;line-height:1}.hnum__field{background:var(--paper);border:2px solid #17181a;align-items:stretch;display:flex;box-shadow:4px 4px #17181a}.hnum__input{color:#17181a;width:7.5ch;min-width:0;font:inherit;letter-spacing:-.03em;text-align:center;background:0 0;border:0;outline:none;padding:4px 6px;font-size:clamp(30px,3.4vw,44px);font-weight:900;font-stretch:112%}.hnum__input[aria-invalid=true]{color:var(--red)}.hnum__step{color:#17181a;width:44px;font-family:var(--pixel);cursor:pointer;background:0 0;border:0;font-size:20px}.hnum__step:hover{background:#17181a14}.hnum__ex{flex:260px}.hctl__what{color:var(--ink-soft);min-height:1.5em;margin:0;font-size:15px}.hwrap{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:22px;margin-top:26px;display:grid}.hboard{color:#17181a;background-color:#f2f2ee;background-image:radial-gradient(circle,#17181a29 1px,#0000 1.3px);background-size:22px 22px;border:2px solid #17181a;height:clamp(440px,74vh,860px);position:relative;overflow:hidden;box-shadow:6px 6px #17181a}.hboard--empty{text-align:center;place-items:center;height:280px;margin-top:26px;padding:24px;display:grid}.hboard.is-max{z-index:60;height:auto;box-shadow:none;border:0;position:fixed;inset:0}.hboard__svg{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;outline:none;width:100%;height:100%;display:block}.hboard__svg:active{cursor:grabbing}.hboard__svg:focus-visible{outline:2px solid var(--red);outline-offset:-4px}.hboard__tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:absolute;top:12px;left:12px}.hboard .pbtn{color:#17181a;background:#f2f2ee;border-color:#17181a;box-shadow:2px 2px #17181a}.hboard__zoom{min-width:42px;font-family:var(--pixel);text-align:center;color:#5b5d5f;font-size:10px}.hboard__hint{font-family:var(--pixel);color:#5b5d5f;pointer-events:none;margin:0;font-size:10px;position:absolute;bottom:10px;left:12px}.hboard__ask{color:#f2f2ee;max-width:min(420px,100% - 24px);box-shadow:3px 3px 0 0 var(--amber);pointer-events:none;animation:card-in .35s var(--spring);background:#17181a;padding:8px 12px 7px;font-size:15px;font-weight:700;position:absolute;top:12px;right:12px}.hn{cursor:pointer}.hn__in{transition:transform .12s}.hn:hover .hn__in{transform:translate(-1px,-1px)}.hn__t{font-family:var(--display);pointer-events:none;font-size:15px;font-weight:700}.hn.is-good .hn__in,.hn.is-bad .hn__in{animation:hn-pop .4s var(--spring)}@keyframes hn-pop{40%{transform:scale(1.18)}}.hedge{transition:stroke .15s}.hpanel{gap:16px;display:grid}.hcard{background:var(--paper);color:#17181a;border-radius:14px;gap:12px;padding:16px;display:grid;box-shadow:0 1px #00000014,0 18px 30px -18px #00000073}.hcard .field>span,.hcard .link--mute{color:#5b5d5f}.hcard .link,.hcard .check{color:#17181a}.hcard .chip{color:#17181a;border-color:#17181a}.hcard .chip.is-on{color:#f2f2ee;background:#17181a}.hcard .chip:disabled{opacity:.35;cursor:not-allowed}.hcard .pbtn{color:#17181a;border-color:#17181a;box-shadow:3px 3px #17181a}.hcard .pbtn--fill{color:#f2f2ee;background:#17181a}.hcard--screen{background:var(--screen);color:var(--screen-text)}.hcard--screen .link{color:var(--screen-text)}.hcard__head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.hcard__head b{font-family:var(--pixel);font-size:12px;font-weight:400}.hnote{opacity:.8;margin:0;font-size:14px;line-height:1.4}.hdl{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.hdl .pbtn{padding-left:4px;padding-right:4px}.hsel__el{flex-wrap:wrap;gap:8px;margin:0;display:flex}.hsel__chip{color:#17181a;background:#f2f2ee;border:2px solid #17181a;padding:3px 9px 2px;font-weight:800;display:inline-block}.hsel__chip--a{color:#17181a;background:#f2f2ee;box-shadow:3px 3px #000}.hsel__chip--b{color:#fff;background:#d23a2a;border-color:#d23a2a}.hsel__chip--meet{color:#fff;background:#3a6fd2;border-color:#3a6fd2}.hsel__chip--join{color:#fff;background:#2f8f4e;border-color:#2f8f4e}.hquiz__q{color:#f2f2ee;margin:0;font-size:22px;font-weight:800;font-stretch:110%;line-height:1.15}.hfacts{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:0 20px;margin:0;display:grid}.hfacts>div{border-top:1px solid var(--line);padding:10px 0}.hfacts dt{color:var(--ink-mute);font-size:13px}.hfacts dd{overflow-wrap:anywhere;margin:2px 0 0;font-size:17px;font-weight:700}.hcard--screen .hfacts>div{border-top-color:var(--screen-line)}.hcard--screen .hfacts dt{color:var(--screen-mute)}.hfacts--tight{grid-template-columns:minmax(0,1fr)}.hfacts--tight>div{grid-template-columns:96px minmax(0,1fr);align-items:baseline;gap:8px;padding:7px 0;display:grid}.hfacts--tight dd{margin:0;font-size:15px}.hfacts--row{grid-template-columns:repeat(2,minmax(0,1fr))}.hfacts--row dd{font-size:26px;font-weight:800}.hbottom{grid-template-columns:minmax(0,1fr) 380px;gap:40px;display:grid}.hhow h3{font-family:var(--pixel);color:var(--ink-mute);margin:0 0 6px;font-size:12px;font-weight:400}.hhow h3:not(:first-child){margin-top:18px}.hhow p,.hhow ul{color:var(--ink-soft);margin:0 0 10px;font-size:15px}.hhow ul{padding-left:18px}.hubcard--wide{grid-column:1/-1;min-height:220px}.minihasse{width:190px;height:130px}.minihasse line{stroke:var(--screen-3);stroke-width:2px;transition:stroke .3s}.minihasse rect{fill:var(--paper);transition:transform .45s var(--spring);transform-box:fill-box;transform-origin:50%}.minihasse rect.is-red{fill:var(--red)}.hubcard:hover .minihasse line{stroke:var(--screen-mute)}.hubcard:hover .minihasse rect{transform:scale(1.25)}@media (width<=1100px){.hwrap,.hbottom{grid-template-columns:minmax(0,1fr)}.hpanel{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (width<=560px){.hboard{height:66vh;box-shadow:4px 4px #17181a}.hdl{grid-template-columns:repeat(2,minmax(0,1fr))}.top__links{scrollbar-width:none;overflow-x:auto}.minihasse{display:none}}.gstamp{margin-bottom:12px}.minibunker{width:190px;height:130px}.minibunker__mound{fill:var(--screen-3);transition:fill .3s}.minibunker__ground{fill:var(--screen-mute)}.minibunker__door{fill:var(--paper)}.minibunker__slot,.minibunker__hub{fill:var(--screen)}.minibunker__wheel{fill:var(--screen-3);transform-box:fill-box;transform-origin:50%;transition:transform .6s var(--spring)}.minibunker__stripes rect{fill:#e8b04a}.minibunker__lamp{fill:var(--red)}.hubcard:hover .minibunker__mound{fill:#3d4044}.hubcard:hover .minibunker__wheel{transform:rotate(90deg)}.hubcard:hover .minibunker__lamp{animation:.9s step-end infinite lamp}@keyframes lamp{50%{fill:#5a1a13}}@media (prefers-reduced-motion:reduce){.hubcard:hover .minibunker__lamp{animation:none}}.rules{counter-reset:rule;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(16px,2vw,24px);margin:0;padding:0;list-style:none;display:grid}.rules li{counter-increment:rule;background:var(--screen);color:var(--screen-text);border-radius:14px;padding:20px}.rules li:before{content:counter(rule, decimal-leading-zero);font-family:var(--pixel);color:var(--red);margin-bottom:10px;font-size:12px;display:block}.rules h3{letter-spacing:-.02em;color:var(--paper);margin:0 0 6px;font-size:22px;font-weight:800;font-stretch:112%}.rules p{color:var(--screen-mute);margin:0;font-size:15px}.traits{flex-wrap:wrap;gap:10px;display:flex}.traits span{font-family:var(--pixel);background:var(--paper);color:var(--paper-ink);padding:8px 12px 7px;font-size:12px;box-shadow:0 0 0 2px #17181a,3px 3px #17181a}.wip{border:2px dashed var(--line);align-items:center;gap:20px;padding:22px;display:flex}.wip p{max-width:52ch;margin:0}@media (width<=560px){.wip{flex-direction:column;align-items:flex-start}.minibunker{display:none}}.langs{border:2px solid var(--ink);box-shadow:2px 2px 0 0 var(--ink);gap:2px;margin-left:6px;padding:2px;display:inline-flex}.top__links .langs button,.langs button{font-family:var(--pixel);color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:0;padding:3px 6px 2px;font-size:11px}.top__links .langs button.is-on,.langs button.is-on{background:var(--ink);color:var(--wall)}.gate__langs{top:var(--gutter);right:var(--gutter);background:color-mix(in srgb, var(--wall) 70%, transparent);position:absolute}@media (width<=720px){.top__links{font-size:13px}.top__links a,.top__links button{padding:6px 7px}.top__out{display:none}}@media (width<=480px){.top__links>a:nth-child(2){display:none}}.top--room{padding-top:8px;padding-bottom:8px}.bhero{position:relative}.bhero__art{position:absolute;bottom:0;right:0}.bhero__art .minibunker{width:260px;height:178px}@media (width<=860px){.bhero__art{display:none}}.bplay{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px);display:grid}@media (width<=760px){.bplay{grid-template-columns:1fr}}.bplay__card{background:var(--paper);color:var(--paper-ink);--ink:#17181a;--wall:#f2f2ee;padding:22px;box-shadow:0 0 0 2px #17181a,6px 6px #17181a}.bplay__card h3{letter-spacing:-.03em;margin:0 0 4px;font-size:30px;font-weight:900;font-stretch:125%}.bplay__card p{color:#5b5d5f;margin:0 0 16px;font-size:15px}.bplay__code{width:150px;font-family:var(--pixel);letter-spacing:.2em;text-transform:uppercase;font-size:22px}.bplay__settings{margin-top:22px}.rooms{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.roomcard{background:var(--screen);color:var(--screen-text);transition:transform .3s var(--spring);border-radius:14px;gap:4px;padding:16px 18px;text-decoration:none;display:grid}.roomcard:hover{transform:translateY(-3px)rotate(-.4deg)}.roomcard b{font-family:var(--pixel);letter-spacing:.15em;color:var(--paper);font-size:22px}.roomcard i{font-style:normal;font-family:var(--pixel);color:#e8b04a;font-size:12px}.setform{gap:14px;display:grid}.setform fieldset{border:2px solid var(--line);gap:10px;min-width:0;margin:0;padding:14px 16px 16px;display:grid}.setform legend{font-family:var(--pixel);color:var(--red);padding:0 6px;font-size:12px}.setform__presets{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.setrow{grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:12px;font-size:15px;display:grid}.setrow>span{color:var(--ink-soft)}.setrow b{font-family:var(--pixel);text-align:right;min-width:56px;font-size:12px}.setrow input[type=range]{accent-color:var(--red);width:100%}.setrow .seg{grid-column:2/4}@media (width<=560px){.setrow{grid-template-columns:1fr auto}.setrow>span,.setrow .seg{grid-column:1/-1}}.seg{flex-wrap:wrap;gap:4px;display:flex}.seg button{font-family:var(--pixel);border:2px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;padding:6px 9px 5px;font-size:11px}.seg button.is-on{background:var(--ink);color:var(--wall)}.seg button:disabled{cursor:default;opacity:.55}.seg button.is-on:disabled{opacity:1}.setform__warn{border-left:4px solid var(--red);background:color-mix(in srgb, var(--red) 10%, transparent);margin:0;padding:8px 10px;font-size:14px}.setform__note{color:var(--ink-mute);margin:0;font-size:13px}.room{--room-bg:#141517;--tile-bg:#1f2124;--hazard:repeating-linear-gradient(-45deg, #e8b04a 0 10px, #17181a 10px 20px);background:radial-gradient(ellipse at 50% -10%, #e8b04a14, transparent 60%), linear-gradient(#0c0d0ee6, #0c0d0ef0), var(--wall-image);min-height:calc(100svh - 58px);color:var(--screen-text);background-size:cover;background-attachment:fixed;padding:0 12px 24px}.room .pbtn{--ink:#f2f2ee;color:#f2f2ee;border-color:#f2f2ee;box-shadow:3px 3px #000}.room .pbtn--fill,.room .pbtn.is-on{color:#17181a;background:#f2f2ee}.room .pbtn--red{border-color:var(--red);color:#fff;background:var(--red);box-shadow:3px 3px #000}.room .chip{color:var(--screen-text);border-color:#5b5d5f}.room .chip.is-on{color:#17181a;background:#f2f2ee;border-color:#f2f2ee}.room .input,.room .select{background:var(--screen-2);color:var(--screen-text);border-color:#000}.room__bar{align-items:center;gap:14px;padding:10px 4px;display:flex}.room__back{font-family:var(--pixel);color:var(--screen-mute);font-size:12px;text-decoration:none}.room__back:hover{color:#fff}.room__code{color:#e8b04a}.room__link{color:var(--red);font-style:normal}.room__tools{gap:6px;margin-left:auto;display:flex}.tool{color:#fff;cursor:pointer;background:#1c1d20;border:2px solid #3b3d40;width:38px;height:34px;font-size:16px;box-shadow:2px 2px #000}.tool.is-off{border-color:var(--red);background:#3a1814}.tool:hover{border-color:#8f918d}.board{background:#0d0e0f;border:2px solid #000;grid-template-columns:minmax(0,1.4fr) auto minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:10px;margin-bottom:12px;padding:10px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff0d,0 20px 40px -20px #000}.board:before{content:"";background:var(--hazard);height:6px;position:absolute;inset:-2px -2px auto}.board__panel{text-align:left;color:#e8b04a;font:inherit;cursor:pointer;background:#191a1c;border:1px solid #2e3034;align-content:start;gap:4px;min-width:0;padding:10px 12px;display:grid}.board__panel b{font-family:var(--pixel);color:#fff;text-transform:uppercase;font-size:11px;font-weight:400}.board__panel span{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.board__panel.is-open span{-webkit-line-clamp:unset;display:block}.board__panel--disaster b{color:var(--red)}.board__re{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex!important}.board__re i{font-style:normal;font-family:var(--pixel);color:#e8b04a;border:1px solid #e8b04a;padding:3px 6px 2px;font-size:10px}.board__logo{place-items:center;padding:0 18px;display:grid;position:relative}.board__logo span{letter-spacing:-.03em;color:#f2f2ee;text-shadow:3px 3px #000,0 0 24px #e8b04a40;font-size:clamp(34px,4vw,58px);font-weight:900;font-stretch:125%;line-height:1}.board__logo i{background:var(--hazard);width:100%;height:6px;margin-top:6px}@media (width<=980px){.board{grid-template-columns:1fr 1fr}.board__logo{grid-area:1/1/auto/-1}}@media (width<=560px){.board{grid-template-columns:1fr}}.room__body{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:12px;display:grid}@media (width<=1100px){.room__body{grid-template-columns:1fr}}.room--compact .room__body{grid-template-columns:minmax(0,1fr) 320px}.grid{grid-template-columns:repeat(var(--cols,4), minmax(0, 1fr));grid-auto-flow:dense;gap:8px;display:grid}@media (width<=760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.grid--speaker{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.grid__strip{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.grid__stage .tile{aspect-ratio:16/8}.tile{aspect-ratio:16/10;background:var(--tile-bg);transition:box-shadow .15s, transform .35s var(--spring);box-shadow:0 0 0 calc(var(--talk,0) * 5px) #6fcf8ae6;border:2px solid #000;outline:1px solid #2e3034;font-size:11px;position:relative;overflow:hidden}.tile.is-big{grid-area:span 2/span 2}.tile.is-speaker{outline-offset:-1px;outline:3px solid #e8b04a}.tile.is-talking{box-shadow:0 0 0 calc(2px + var(--talk,0) * 5px) #6fcf8af2}.tile.is-out .tile__media{filter:grayscale()brightness(.45)}.tile.is-offline .tile__media{opacity:.4}.tile.is-pickable{cursor:crosshair;outline:3px dashed var(--red)}.tile.is-pickable:hover{transform:scale(1.02)}.tile__media,.tile__media video{object-fit:cover;background:#101113;width:100%;height:100%;position:absolute;inset:0}.tile__media video.is-mirror{transform:scaleX(-1)}.tile__hidden{opacity:0;pointer-events:none}.tile__avatar{background:repeating-linear-gradient(0deg,#ffffff06 0 2px,#0000 2px 4px),radial-gradient(circle at 50% 45%,#2a2c30,#121315 70%);align-content:center;place-items:center;gap:6px;display:grid;position:absolute;inset:0}.tile__avatar small{font-family:var(--pixel);color:#5b5d5f;font-size:9px}.avatar{image-rendering:pixelated}.tile__top{z-index:2;background:linear-gradient(#000000bf,#0000);justify-content:space-between;gap:6px;padding:4px 6px;display:flex;position:absolute;top:0;left:0;right:0}.tile__name{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px #000;font-size:13px;font-weight:700;overflow:hidden}.tile__host{font-style:normal;font-family:var(--pixel);color:#e8b04a;margin-left:6px;font-size:9px}.tile__icons{align-items:center;gap:4px;display:flex}.tile__icons i{font-size:12px;font-style:normal}.tile__menu{color:#fff;cursor:pointer;background:#00000080;border:0;padding:0 6px;line-height:18px}.tile__card{width:fit-content;max-width:100%;font-family:var(--display);color:#d9dad6;border-left:3px solid var(--c,#8f918d);white-space:nowrap;text-overflow:ellipsis;background:#0a0a0bc7;padding:2px 5px 1px;font-size:11px;font-weight:700;line-height:1.3;display:block;overflow:hidden}.tile__card.is-open{background:var(--c,#f2f2ee);color:#111;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.tile__card.is-mine{color:#8f918d}.tile__card--profession{--c:#e8b04a}.tile__card--health{--c:#f2f2ee}.tile__card--hobby{--c:#6fcf8a}.tile__card--phobia{--c:#8fb2f2}.tile__card--baggage,.tile__card--fact1,.tile__card--fact2{--c:#e4d9c4}.tile__card--bio{--c:#ef5b49}.tile__bio{z-index:2;max-width:70%;position:absolute;top:24px;left:6px}.tile__bio .tile__card:not(.is-open){color:#ef5b49;letter-spacing:.2em;font-family:var(--pixel)}.tile__left,.tile__right{z-index:2;gap:2px;max-width:48%;display:grid;position:absolute;bottom:6px}.tile__left{left:6px}.tile__right{justify-items:end;right:6px}.tile__right .tile__card{border-left:0;border-right:3px solid var(--c);text-align:right}.tile.is-big .tile__card{font-size:13px}.tile__time{z-index:3;background:#0009;height:4px;position:absolute;bottom:0;left:0;right:0}.tile__time i{transform-origin:0;background:#e8b04a;height:100%;transition:transform .25s linear;display:block}.tile__stamp{z-index:3;font-family:var(--pixel);color:var(--red);border:3px solid var(--red);animation:stamp .45s var(--spring);background:#0000008c;padding:4px 14px 3px;font-size:clamp(14px,2vw,22px);position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}@keyframes stamp{0%{opacity:0;transform:translate(-50%,-50%)rotate(-12deg)scale(2.4)}}.tile__watch{font-family:var(--pixel);color:#8f918d;font-size:9px;position:absolute;bottom:6px;right:6px}.tile__pop{z-index:5;background:#0d0e0f;border:2px solid #3b3d40;gap:8px;padding:10px;display:grid;position:absolute;top:28px;right:6px;box-shadow:3px 3px #000}.tile__pop label{font-family:var(--pixel);gap:4px;font-size:10px;display:grid}.tile__pop input{accent-color:#e8b04a}.lobby__tiles .tile,.watchers__row .tile{aspect-ratio:4/3}.watchers{margin-top:12px}.watchers .pixel{color:#8f918d}.watchers__row{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-top:6px;display:grid}.room__side{scrollbar-width:thin;gap:10px;max-height:calc(100svh - 84px);display:grid;position:sticky;top:70px;overflow:auto}@media (width<=1100px){.room__side{max-height:none;position:static}}.room__tabs{gap:2px;display:flex}.room__tabs button{font-family:var(--pixel);color:#8f918d;cursor:pointer;background:#141517;border:2px solid #2e3034;flex:1;padding:8px;font-size:11px}.room__tabs button.is-on{color:#17181a;background:#f2f2ee;border-color:#f2f2ee}.stage{background:#0d0e0f;border:2px solid #000;gap:12px;padding:14px;display:grid;box-shadow:inset 0 0 0 1px #2e3034}.stage__row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.stage__round{color:#e8b04a;font-size:10px}.stage h2{letter-spacing:-.02em;color:#fff;margin:4px 0 2px;font-size:24px;font-weight:900;font-stretch:118%;line-height:1.05}.stage p{color:#b8bab5;margin:0;font-size:14px}.stage__timer{font-family:var(--pixel);color:#f2f2ee;text-align:center;border:2px solid #3b3d40;min-width:90px;padding:6px 8px 4px;font-size:28px;line-height:1}.stage__timer.is-warn{color:#fff;background:var(--red);border-color:var(--red);animation:.5s step-end infinite pulse}.stage__timer.is-paused{color:#e8b04a;font-size:14px}@keyframes pulse{50%{background:#7a1d14}}.stage__queue{font-size:10px;color:#8f918d!important}.stage--vote,.stage--tiebreak{box-shadow:inset 0 0 0 2px var(--red)}.vote{gap:8px;display:grid}.vote__list{flex-wrap:wrap;gap:6px;display:flex}.tally{gap:6px;display:grid}.tally__row{grid-template-columns:110px minmax(0,1fr) 24px;align-items:center;gap:8px;font-size:13px;display:grid}.tally__row small{color:#8f918d;grid-column:1/-1;margin-top:-4px;font-size:11px}.tally__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tally__bar{background:#1c1d20;height:10px}.tally__bar i{height:100%;transition:width .4s var(--ease);background:#8f918d;display:block}.tally__row.is-danger .tally__bar i{background:var(--red)}.tally__row b{font-family:var(--pixel);text-align:right}.hostbar{border-top:1px dashed #3b3d40;flex-wrap:wrap;align-items:center;gap:6px;padding-top:10px;display:flex}.hostbar__label{color:#e8b04a;width:100%;font-size:10px}.hostbar__kicks{align-items:center;gap:4px;display:inline-flex}.hostbar__kicks .pixel{color:#8f918d;font-size:9px}.hostbar__kicks b{font-family:var(--pixel);text-align:center;min-width:16px}.hostbar__more{gap:6px;width:100%;display:flex}.event{gap:10px;display:grid}.event__card,.ending__card{color:#17181a;background:#f2f2ee;padding:14px;position:relative;box-shadow:4px 4px #000}.event__card:before{content:"";background:var(--hazard);height:5px;position:absolute;inset:0 0 auto}.event__card h3,.ending__card h3{letter-spacing:-.02em;margin:4px 0;font-size:22px;font-weight:900;font-stretch:118%}.event__card p,.ending__card p{color:#3b3d40!important;font-size:14px!important}.event__card .pixel,.ending__card .pixel{color:var(--red);font-size:10px}.event__end{background:#141517;border-left:4px solid #8f918d;gap:8px;padding:12px;display:grid}.event__end--good{border-color:#6fcf8a}.event__end--bad{border-color:var(--red)}.event__end--mixed{border-color:#e8b04a}.ending{gap:10px;display:grid}.ending__card.is-alive{box-shadow:4px 4px #2f8f4e}.ending__card.is-dead{box-shadow:4px 4px 0 0 var(--red)}.nilnote{color:#e8b04a;align-items:center;gap:10px;display:flex}.nilnote--wide{border:1px dashed #e8b04a;justify-content:center;margin-bottom:12px;padding:12px}.hand{background:#0d0e0f;border:2px solid #000;gap:10px;padding:12px;display:grid;box-shadow:inset 0 0 0 1px #2e3034}.hand__head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hand__head h2{font-family:var(--pixel);color:#fff;margin:0;font-size:13px;font-weight:400}.hand__head .pixel{font-size:10px}.hand__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}@media (width<=1100px) and (width>=700px){.hand__cards{grid-template-columns:repeat(4,minmax(0,1fr))}}.hcard{border:1px solid #33363a;border-top:4px solid var(--c,#8f918d);background:#1c1d20;align-content:space-between;gap:4px;min-height:92px;padding:8px 9px;display:grid;position:relative}.hcard.is-open{color:#17181a;border-color:#000;border-top-color:var(--c,#8f918d);background:#f2f2ee}.hcard--profession{--c:#e8b04a}.hcard--bio{--c:#ef5b49}.hcard--health{--c:#d9dad6}.hcard--hobby{--c:#6fcf8a}.hcard--phobia{--c:#8fb2f2}.hcard--baggage,.hcard--fact1,.hcard--fact2{--c:#c9b98f}.hcard.is-busy{animation:1s ease-in-out infinite alternate pulse-card}@keyframes pulse-card{to{opacity:.55}}.hcard__cat{font-family:var(--pixel);color:#8f918d;font-size:9px}.hcard.is-open .hcard__cat{color:#5b5d5f}.hcard__cat i{color:#e8b04a;margin-left:4px;font-style:normal}.hcard__text{margin:0;font-size:13px;font-weight:600;line-height:1.3}.hcard__foot{justify-content:space-between;align-items:center;gap:6px;display:flex}.hcard__state{font-family:var(--pixel);color:#2f8f4e;font-size:9px}.hcard__nil{color:#e8b04a;cursor:pointer;background:0 0;border:1px solid #e8b04a;width:26px;height:22px}.hcard__nil:disabled{opacity:.4}.hcard__ask{gap:6px;margin-top:4px;display:grid}.hcard__ask .input{padding:6px 8px;font-size:13px}.hand__actions{gap:6px;display:grid}.acard{background:#2a1512;border:1px solid #5a2219;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.acard p{margin:0;font-size:13px;line-height:1.3}.acard__n{font-family:var(--pixel);color:var(--red);font-size:11px}.acard.is-used{opacity:.45;background:#141517;border-color:#2e3034}.acard.is-aiming{outline:2px dashed var(--red)}.acard__cats{flex-wrap:wrap;grid-column:1/-1;gap:4px;display:flex}.hand__peeks{border:1px dashed #8fb2f2;padding:8px 10px;font-size:13px}.hand__peeks h3{font-family:var(--pixel);color:#8fb2f2;margin:0 0 4px;font-size:10px;font-weight:400}.hand__peeks p{margin:0}.aimbar{background:var(--red);color:#fff;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;padding:8px 12px;display:flex}.side{background:#0d0e0f;border:2px solid #000;gap:8px;padding:12px;display:grid;box-shadow:inset 0 0 0 1px #2e3034}.side__tabs{background:#1c1d20}.side__list{scrollbar-width:thin;align-content:start;gap:5px;height:320px;font-size:13px;display:grid;overflow:auto}.side__list p{margin:0;line-height:1.35}.side__list p.is-me b{color:#e8b04a}.side__list time{font-family:var(--pixel);color:#5b5d5f;font-size:9px}.log--out,.log--out-link{color:#ef5b49}.log--played{color:#e8b04a}.log--round,.log--final{color:#fff;font-weight:700}.flash{z-index:60;color:#17181a;max-width:min(640px,100vw - 32px);box-shadow:0 0 0 3px #17181a, 6px 6px 0 0 var(--red);animation:flash-in .4s var(--spring);background:#f2f2ee;padding:14px 20px 13px;font-size:16px;font-weight:700;position:fixed;top:110px;left:50%;transform:translate(-50%)}@keyframes flash-in{0%{opacity:0;transform:translate(-50%,-30px)scale(.9)}}.lobby{gap:14px;max-width:1400px;margin:0 auto;display:grid}.lobby__invite{background:#0d0e0f;border:2px solid #000;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 18px;display:flex;position:relative}.lobby__invite:before{content:"";background:var(--hazard);height:6px;position:absolute;inset:-2px -2px auto}.lobby__invite .pixel{color:#8f918d}.lobby__code{font-family:var(--pixel);letter-spacing:.18em;color:#e8b04a;font-size:clamp(28px,4vw,44px)}.lobby__count{margin-left:auto}.lobby__main{grid-template-columns:minmax(0,1fr) 460px;align-items:start;gap:14px;display:grid}@media (width<=1100px){.lobby__main{grid-template-columns:1fr}}.lobby__table{gap:14px;display:grid}.lobby__tiles{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.lobby__me,.lobby__people,.lobby__settings{background:#0d0e0f;border:2px solid #000;gap:10px;padding:14px 16px;display:grid;box-shadow:inset 0 0 0 1px #2e3034}.lobby h3{font-family:var(--pixel);color:#fff;margin:0;font-size:13px;font-weight:400}.lobby__settings-head{justify-content:space-between;align-items:baseline;display:flex}.lobby__person{align-items:center;gap:8px;font-size:14px;display:flex}.lobby__person span{flex:1;min-width:0}.lobby__seat{align-items:center;gap:8px;display:inline-flex}.lobby__seat .select{width:70px;padding:4px 8px}.lobby__start{gap:8px;display:grid}.lobby__go{min-height:54px;font-size:16px}.lobby__wait{color:#e8b04a;animation:1.4s step-end infinite blink}.room .setform fieldset{border-color:#2e3034}.room .setrow>span,.room .setform__note{color:#b8bab5}.room .seg button{color:var(--screen-text);border-color:#5b5d5f}.room .seg button.is-on{color:#17181a;background:#f2f2ee;border-color:#f2f2ee}.room .check{color:var(--screen-text)}.room .field>span{color:#8f918d}.guide__body{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,56px);margin-top:clamp(32px,5vw,56px);display:grid}@media (width<=860px){.guide__body{grid-template-columns:1fr}}.guide__toc{border:2px solid var(--ink);box-shadow:4px 4px 0 0 var(--ink);padding:16px;position:sticky;top:80px}@media (width<=860px){.guide__toc{position:static}}.guide__toc ol{margin:8px 0 0;padding-left:22px;font-size:14px;line-height:1.7;list-style:upper-alpha}.guide__toc a{text-decoration:none}.guide__toc a:hover{text-decoration:underline}.guide__text{max-width:72ch}.guide__sec{border-top:2px solid var(--ink);margin-bottom:36px;padding-top:20px;scroll-margin-top:80px}.guide__sec h2{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(24px,2.6vw,34px);font-weight:800;font-stretch:112%;line-height:1.05}.guide__sec p,.guide__sec li{font-size:17px;line-height:1.55}.guide__sec ul{padding-left:20px}.guide__sec li{margin-bottom:6px}.guide__tip{background:var(--paper);color:var(--paper-ink);align-items:center;gap:14px;margin:16px 0;padding:12px 16px;display:flex;box-shadow:0 0 0 2px #17181a,4px 4px #17181a}.guide__tip p{margin:0;font-weight:600}:root{--pixel:"Silkscreen", "JetBrains Mono", ui-monospace, monospace}.top--room{position:relative}.hcard{color:#f2f2ee}.hcard.is-open{color:#17181a}@media (width<=560px){.room{padding:0 8px 24px}.room__bar{gap:8px}.tool{width:32px;height:30px;font-size:14px}.board{gap:6px;padding:8px}.board__logo span{font-size:30px}.board__panel{padding:7px 9px}.board__panel span{-webkit-line-clamp:2;font-size:12px}.grid{gap:6px}.tile{aspect-ratio:3/4}.tile.is-big{aspect-ratio:4/3;grid-area:auto/span 2}.tile__name{font-size:11px}.tile__card,.tile.is-big .tile__card{white-space:nowrap;-webkit-line-clamp:1;padding:1px 4px;font-size:9px}.tile__card.is-open{white-space:nowrap;display:block}.tile__left,.tile__right{max-width:calc(100% - 12px)}.tile__right{top:42px;bottom:auto}.tile__bio{max-width:calc(100% - 12px)}.tile__stamp{font-size:12px}.stage h2{font-size:20px}.stage__timer{min-width:72px;font-size:22px}.hand__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby__invite{gap:8px}.lobby__count{margin-left:0}.flash{font-size:14px;top:80px}}