@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-cyrillic-ext-wght-normal-CGKlZYBf.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-cyrillic-wght-normal-DLqwHbi6.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-greek-ext-wght-normal-e3e57Shi.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-greek-wght-normal-CO1l-giJ.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-vietnamese-wght-normal-LcSrhZ7T.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-ext-wght-normal-BnEbWgdZ.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-wght-normal-DLxlUchJ.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--page: #161513;--card: #1c1a18;--raised: #262421;--paper: #262421;--text: #efe9de;--text-2: #aaa398;--muted: #8a847a;--hairline: rgb(239 233 222 / .08);--pencil: #47443f;--people: #e3a064;--world: #6dbf94;--ideas: #7fb2ea;--on-cat: #161513;--bad: #e5484d;--shadow-small: none;--shadow-float: 0 8px 24px rgb(0 0 0 / .4);--sans: "Inter Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--serif: "Literata Variable", Georgia, "Noto Serif", serif;--ease: cubic-bezier(.22, 1, .36, 1);--gap: clamp(16px, 3vw, 40px);--edge: clamp(12px, 2.4vw, 24px);--cat: var(--muted);color-scheme:dark}[data-cat=People]{--cat: var(--people)}[data-cat=World]{--cat: var(--world)}[data-cat=Ideas]{--cat: var(--ideas)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overflow:hidden;background:var(--page);color:var(--text);font:14px/20px var(--sans);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--text);outline-offset:2px}#root{display:flex;flex-direction:column}.dot{flex:none;display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cat)}.kind{white-space:nowrap;color:var(--text-2)}.kind .dot{margin-right:4px}.waiting{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;color:var(--text-2)}.waiting h1{margin:0;font-size:20px;line-height:24px;font-weight:600;color:var(--text)}.waiting p{margin:0}.waiting .waiting-detail{max-width:520px;margin-bottom:12px;font-size:13px;color:var(--bad)}.bad{color:var(--bad)}.toggle{display:flex;align-items:flex-start;gap:8px;color:var(--text-2);cursor:pointer}.toggle input{flex:none;width:16px;height:16px;margin:2px 0;accent-color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--hairline);background:var(--raised);font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color .15s var(--ease),border-color .15s var(--ease),transform .15s var(--ease)}.btn:hover:not(:disabled){border-color:var(--pencil)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{height:40px;padding:0 20px;background:var(--text);border-color:var(--text);color:var(--page)}.btn.primary:hover:not(:disabled){background:color-mix(in srgb,var(--text) 86%,var(--page));border-color:transparent}.info{position:relative;flex:none}.info-btn{display:grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid var(--hairline);border-radius:50%;background:transparent;color:var(--text-2);font-family:var(--serif);font-size:14px;font-weight:600;line-height:1;cursor:help;transition:background-color .15s var(--ease),border-color .15s var(--ease)}.info:hover .info-btn,.info.open .info-btn{border-color:var(--pencil);background:var(--raised);color:var(--text)}.info-pop{position:absolute;right:-8px;bottom:100%;z-index:30;width:264px;padding-bottom:8px;visibility:hidden;opacity:0;transform:translateY(4px);transition:opacity .15s var(--ease),transform .15s var(--ease),visibility 0s .15s}.info:hover .info-pop,.info.open .info-pop{visibility:visible;opacity:1;transform:none;transition-delay:0s}.info-note{display:grid;gap:8px;padding:12px 16px;border:1px solid var(--hairline);border-radius:12px;background:var(--card);box-shadow:var(--shadow-float);font-size:13px;line-height:20px;font-weight:400;color:var(--text-2);text-align:left;cursor:default}.info-note p,.facts{margin:0}.facts div{display:flex;justify-content:space-between;gap:16px}.facts dt{color:var(--muted)}.facts dd{margin:0;color:var(--text);text-align:right;font-variant-numeric:tabular-nums}.facts .bad dt,.facts .bad dd{color:var(--bad)}.info-actions{display:flex;gap:8px;margin-top:4px}.play{--card-h: clamp(64px, calc((100dvh - 140px)/5) , 128px);--card-w: max(72px, calc(var(--card-h) * .75));flex:1;min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto}.board{display:flex;flex-direction:column;min-width:0;min-height:0;padding:0 var(--edge);overflow:hidden auto;scrollbar-width:thin;scrollbar-gutter:stable}.trees,.pools{display:grid;grid-template-columns:repeat(3,minmax(0,324px));justify-content:center;column-gap:var(--gap)}.trees{flex:1 0 auto;align-items:end;padding:16px 0}.col{min-width:0}.tree{position:relative;width:100%;container-type:inline-size}.edges{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.edges path{fill:none;stroke:var(--pencil);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:stroke .3s var(--ease)}.edges path.done{stroke:var(--cat);stroke-width:2}.word{font-family:var(--serif)}.slot{position:absolute;display:flex;align-items:center;justify-content:center;padding:4px;overflow:hidden;border-radius:8px;border:1px dashed var(--pencil);background:var(--page);color:var(--muted);font-size:clamp(11px,4cqw,13px);line-height:1.25;text-align:center;cursor:default;transition:background-color .15s var(--ease),border-color .15s var(--ease)}.slot-ask{min-width:0;overflow-wrap:break-word}.slot-ask.word{font-size:1.1em;font-weight:500}.slot.open{border:1px solid var(--cat);background:color-mix(in srgb,var(--cat) 8%,var(--card));color:var(--text);font-weight:500}.armed .slot.open{cursor:pointer;outline:1px solid var(--cat);background:color-mix(in srgb,var(--cat) 14%,var(--card))}.armed .slot.open:hover,.slot.open.over{background:color-mix(in srgb,var(--cat) 28%,var(--card));z-index:2}.slot.name{color:var(--text-2);font-size:clamp(11px,4.4cqw,14px);font-weight:500}.slot.name.open{color:var(--text)}.slot.name .slot-ask:first-letter{text-transform:uppercase}.slot.filled{padding:0;border:1px solid var(--hairline);background:var(--raised);color:#fff;font-weight:400;cursor:zoom-in}.slot.filled img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.slot-text{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;gap:2px;padding:24px 4px 8px;background:linear-gradient(transparent,#000000c7);overflow-wrap:break-word}.slot-text .word{font-size:1.1em;font-weight:500}.slot-text .meaning{font-size:max(11px,.92em);opacity:.9}.slot.filled.plain{border-color:color-mix(in srgb,var(--cat) 45%,transparent);background:color-mix(in srgb,var(--cat) 16%,var(--card));color:var(--text)}.slot.filled.plain .slot-text{position:static;min-width:0;padding:0 4px;background:none}.slot.filled.plain .meaning{color:var(--text-2);opacity:1}.slot.fresh{animation:land .36s var(--ease)}.slot.fresh img{animation:develop .6s var(--ease)}.slot.wrong{animation:shake .32s var(--ease);border-color:var(--bad)}@keyframes land{0%{opacity:.4;transform:scale(.94)}}@keyframes develop{0%{opacity:0}}@keyframes shake{20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.pools{position:sticky;bottom:0;z-index:5;padding:8px 0 12px;border-top:1px solid var(--hairline);background:var(--page)}.pool{position:relative;display:flex;align-items:center;gap:12px;min-width:0;padding:4px 12px;border:1px solid var(--hairline);border-radius:12px;background:var(--card)}.pool-count{flex:none;display:grid;place-items:center;width:36px;height:36px;border:1.5px solid var(--cat);border-radius:50%;background:var(--cat);color:var(--on-cat);font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;transition:background-color .3s var(--ease),color .3s var(--ease)}.pool-count.none{background:transparent;color:var(--cat)}.pool-text{flex:1;display:flex;flex-direction:column;min-width:0;font-size:12px;line-height:16px;color:var(--muted)}.pool-text>*{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pool-text b{font-size:13px;line-height:20px;font-weight:500;color:var(--text)}.pool-text .bad{color:var(--bad)}.notice-line{position:sticky;top:8px;z-index:6;height:0}.notice{position:absolute;left:50%;top:0;width:max-content;max-width:min(100%,560px);margin:0;padding:8px 16px;border:1px solid var(--hairline);border-radius:12px;background:var(--card);box-shadow:var(--shadow-float);text-align:center;color:var(--text-2);pointer-events:none;transform:translate(-50%);transition:opacity .4s var(--ease);animation:arrive .24s var(--ease)}.notice.good{color:var(--text)}.notice.bad{color:var(--bad)}.notice.gone{opacity:0}@keyframes arrive{0%{opacity:0;transform:translate(-50%,-4px)}}.side{display:flex;flex-direction:column;gap:4px;min-height:0;padding:12px;transition:background-color .15s var(--ease)}.side-head{display:flex;align-items:center;gap:8px;height:24px;margin:0;font-size:13px;line-height:20px;font-weight:500;color:var(--text-2);white-space:nowrap}.side-head small{font-size:12px;font-weight:400;color:var(--muted);font-variant-numeric:tabular-nums}.side .cards{flex:1;min-height:0;display:grid;grid-template-columns:var(--card-w);grid-auto-rows:minmax(48px,var(--card-h));align-content:start;gap:8px}.card{position:relative;container-type:inline-size;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:0;padding:24px 6px 8px;border:1px solid var(--hairline);border-radius:8px;background:var(--paper);box-shadow:var(--shadow-small);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transition:transform .15s var(--ease),border-color .15s var(--ease),background-color .15s var(--ease)}.side{--lean: 1}.side.hand{--lean: -1}button.card:not(.empty):hover{transform:translate(calc(var(--lean) * 2px));border-color:var(--pencil)}.side .card.selected{transform:translate(calc(var(--lean) * 6px));border-color:var(--text);outline:1px solid var(--text)}.card.dragging{opacity:.3}.card.empty{padding:0;border:1px dashed var(--pencil);background:transparent;box-shadow:none;cursor:default}.side.hand.over,.side.hand.inviting{background:color-mix(in srgb,var(--text) 4%,transparent)}.side.hand.over .card.empty,.side.hand.inviting .card.empty{border-color:var(--text-2)}button.card.empty{cursor:pointer}.card-kind{position:absolute;top:6px;left:8px;display:flex;align-items:center;gap:4px;font-size:12px;line-height:16px;color:var(--muted);white-space:nowrap}.card-main{max-width:100%;font-size:clamp(12px,max(calc(100cqw / (var(--whole, 8) * .62)),min(13px,calc(100cqw / (var(--broken, 8) * .62)))),15px);line-height:1.3;font-weight:500;text-align:center;overflow-wrap:anywhere}.deck{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:0;border:1px dashed var(--pencil);border-radius:8px;font-size:12px;line-height:16px;color:var(--muted);white-space:nowrap}.deck-label{font-weight:500;color:var(--text-2)}.stacks{display:flex;gap:4px}.stack{display:grid;place-items:center;width:20px;height:28px;padding:0;border:0;border-radius:4px;background:var(--cat);color:var(--on-cat);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;box-shadow:0 2px 0 -1px var(--page),0 3px 0 -1px var(--cat);cursor:pointer;transition:transform .15s var(--ease),opacity .15s var(--ease)}.stack.next{outline:2px solid var(--text);outline-offset:1px}.stack:hover:not(:disabled){transform:translateY(-2px)}.stack:active:not(:disabled){transform:none}.stack:disabled{opacity:.35;cursor:not-allowed}.corner{display:flex;align-items:center;justify-content:space-between;gap:4px;height:46px}.total{display:flex;flex-direction:column;margin:0;font-size:12px;line-height:16px;color:var(--muted);white-space:nowrap}.total b{font-size:20px;line-height:24px;font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}.corner .info-pop{right:0;width:296px}.ghost{position:fixed;left:0;top:0;z-index:50;pointer-events:none}.ghost .card{width:100%;height:100%;transform:rotate(-2deg);border-color:var(--pencil);box-shadow:var(--shadow-float)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:16px;overflow:auto;background:#00000080;animation:fade .2s var(--ease)}.dialog{width:100%;max-width:420px;margin:0;padding:24px;border:1px solid var(--hairline);border-radius:16px;background:var(--card);box-shadow:var(--shadow-float);text-align:center;animation:rise .32s var(--ease)}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.dialog h2{margin:0 0 12px;font-size:20px;line-height:24px;font-weight:500}.stars{display:flex;justify-content:center;gap:8px;margin:0 0 8px}.stars svg{width:28px;height:28px;fill:var(--text);stroke:var(--text)}.stars svg.off{fill:none;stroke:var(--pencil)}.result-number{margin:0;font-size:56px;line-height:60px;font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.result-line,.result-practice{margin:4px 0 0;color:var(--text-2)}.breakdown{margin:20px 0 24px;text-align:left}.breakdown div{display:flex;justify-content:space-between;gap:16px;padding:4px 0;border-bottom:1px solid var(--hairline)}.breakdown dt{display:flex;align-items:center;gap:8px;color:var(--text-2)}.breakdown dd{margin:0;font-weight:500;font-variant-numeric:tabular-nums}.dialog.rules{max-width:640px;text-align:left}.rules ol{display:grid;gap:8px;margin:0 0 20px;padding-left:20px;color:var(--text-2)}.dialog.picture{max-width:340px;padding:0;overflow:hidden;text-align:left;cursor:zoom-out}.dialog.picture img{display:block;width:100%;max-height:62vh;object-fit:cover}.dialog.picture figcaption{display:flex;flex-direction:column;gap:4px;padding:16px 20px 20px}.picture-kind{display:flex;align-items:center;gap:8px;font-size:12px;line-height:16px;color:var(--muted)}.picture-word{font-family:var(--serif);font-size:28px;line-height:32px;font-weight:500}.picture-meaning{color:var(--text-2)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}@media (max-width: 1000px){:root{--gap: 12px;--edge: 8px}.side{padding:12px 8px}.pool{gap:8px;padding:4px 8px}}.play.narrow{--card-w: max(64px, min(18vw, calc(var(--card-h) * .75)))}.play.narrow .side{padding:12px 6px}.play.narrow .side-head{gap:4px}.play.narrow .stacks{gap:3px}.play.narrow .stack{width:18px}.play.narrow .board{padding:0 6px;scrollbar-gutter:auto}.play.narrow .trees{grid-template-columns:minmax(0,324px)}.play.narrow .pools{display:flex;align-items:center;justify-content:center;gap:clamp(4px,1.6vw,12px)}.tab{flex:none;display:grid;padding:2px;border:2px solid transparent;border-radius:50%;background:none;cursor:pointer;transition:border-color .15s var(--ease)}.tab.on{border-color:var(--cat)}.tab .pool-count{width:32px;height:32px;font-size:15px}.turn{flex:none;display:grid;place-items:center;width:clamp(24px,6.5vw,40px);height:40px;padding:0;border:0;border-radius:8px;background:none;color:var(--text-2);cursor:pointer;transition:background-color .15s var(--ease),color .15s var(--ease)}.turn:hover{background:var(--raised);color:var(--text)}.turn svg{width:16px;height:16px;fill:none;stroke:currentColor}@media (max-width: 680px){.notice{position:fixed;left:8px;right:8px;top:8px;width:auto;max-width:none;transform:none;animation-name:arrive-wide}}@keyframes arrive-wide{0%{opacity:0;transform:translateY(-4px)}}