:root{--paper:#f4f1ea;--card:#fbf9f4;--ink:#1c1a16;--muted:#6b655c;--line:#d8d2c6;--line-strong:#8f887d;--tile-edge:#b3ab9d;--key:#e3ded3;--hit:#1f5c40;--near:#e2a23b;--miss:#8a847a;--on-mark:#ffffff;--on-near:#1c1a16;--on-miss:#1c1a16;--danger:#a8342b;--gold:#c9971c;--silver:#8d969e;--bronze:#a8693a;--radius:6px;--header:56px;--fast:0.15s;--med:0.15s;--ease:cubic-bezier(0.2,0,0,1);--spring:var(--ease);--shadow:0 0 0 1px var(--line),0 4px 12px -6px rgb(20 16 8/0.28);color-scheme:light}:root[data-theme=dark]{--paper:#16140f;--card:#201d17;--ink:#f1ece2;--muted:#a39c90;--line:#36322b;--tile-edge:#504a40;--line-strong:#6f685d;--key:#6f6960;--hit:#2f7656;--miss:#3a362f;--on-miss:#b0a99d;--danger:#e0685d;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#16140f;--card:#201d17;--ink:#f1ece2;--muted:#a39c90;--line:#36322b;--tile-edge:#504a40;--line-strong:#6f685d;--key:#6f6960;--hit:#2f7656;--miss:#3a362f;--on-miss:#b0a99d;--danger:#e0685d;color-scheme:dark}}:root[data-palette=contrast]{--hit:#c4501b;--near:#5aa9e6}:root[data-palette=sea]{--hit:#1d5f86;--near:#e3bf3f}:root[data-palette=rose]{--hit:#8c2f5c;--near:#f0a0b6}:root[data-palette=contrast] .tile.c{background:radial-gradient(circle at calc(100% - 8px) 8px,currentColor 0 3px,transparent 3.5px),var(--bgc)}:root[data-palette=contrast] .tile.p{background:radial-gradient(circle at calc(100% - 8px) 8px,transparent 0 2px,currentColor 2.5px 4px,transparent 4.5px),var(--bgc)}*{box-sizing:border-box}body,html{margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);min-height:100vh;min-height:100svh;font-feature-settings:"locl";-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column}a{color:inherit}:focus-visible{outline:3px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 5px var(--paper)}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.6;transition:opacity var(--fast)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.muted{color:var(--muted)}.error{color:var(--danger);font-weight:600}.icon{width:22px;height:22px;flex:none}.top{position:sticky;top:0;z-index:5;background:var(--paper);height:var(--header);padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));border-bottom:1px solid var(--line)}.top,.top-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}.top-inner{width:100%;max-width:880px;margin:0 auto}.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.35rem;text-decoration:none;letter-spacing:-.01em}.brand-tile{display:inline-grid;place-items:center;width:30px;height:30px;background:var(--hit);color:var(--on-mark);border-radius:7px;font-size:1.1rem}.top nav{display:flex;gap:4px}.top nav a{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;min-width:44px;min-height:44px;border-radius:var(--radius);text-decoration:none;color:var(--muted);font-weight:600;font-size:.95rem;transition:background-color var(--fast) var(--ease),color var(--fast) var(--ease)}.top nav a[aria-current=page]{color:var(--ink);background:color-mix(in srgb,var(--ink) 9%,transparent)}.top nav a[aria-current=page] .icon{color:var(--hit)}@media (hover:hover){.top nav a:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}}@media (max-width:520px){.top nav a span{display:none}.top nav a{padding:8px}:root{--tabbar:calc(54px + env(safe-area-inset-bottom))}body{padding-bottom:var(--tabbar)}.top nav{position:fixed;left:0;right:0;bottom:0;z-index:6;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;padding:2px max(6px,env(safe-area-inset-left)) env(safe-area-inset-bottom) max(6px,env(safe-area-inset-right));border-top:1px solid var(--line);background:var(--paper)}.top nav a{flex-direction:column;gap:3px;min-height:52px;padding:4px 2px;border-radius:6px;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.top nav a span{display:block}.top nav a[aria-current=page]{background:none;box-shadow:inset 0 2px 0 var(--hit);border-radius:0}}@media (max-width:520px){html body:has(.keys) .game{height:calc(100svh - var(--header) - var(--tabbar));min-height:0}}@media (max-width:520px) and (max-height:760px){:root{--tabbar:calc(48px + env(safe-area-inset-bottom))}.top nav a{min-height:46px;padding:3px 2px}}@media (max-width:520px) and (max-height:600px){:root:has(.keys){--tabbar:0px}body:has(.keys){padding-bottom:0}html body:has(.keys) .game{height:calc(100svh - var(--header));min-height:0}body:has(.keys) .top nav{position:static;display:flex;gap:4px;padding:0;border:0;background:none}body:has(.keys) .top nav a{min-height:44px;padding:8px}body:has(.keys) .top nav a span,body:has(.keys) .top nav a.home{display:none}}.foot{margin-top:auto;padding:20px 16px max(20px,env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:center;color:var(--muted);font-size:.85rem;border-top:1px solid var(--line)}.foot :is(a,.link){color:inherit;font:inherit;padding:8px 6px;margin:-8px -6px;border-radius:6px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);transition:color var(--fast),background-color var(--fast),text-decoration-color var(--fast)}@media (hover:hover){.foot :is(a,.link):hover{color:var(--ink);text-decoration-color:currentColor;background:color-mix(in srgb,var(--ink) 6%,transparent)}}.game{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:520px;margin:0 auto;padding:12px 8px max(12px,env(safe-area-inset-bottom));min-height:calc(100vh - var(--header));min-height:calc(100svh - var(--header))}@media not ((min-width:900px) and (hover:hover) and (pointer:fine)){body:has(.keys) .foot{display:none}}body:has(.keys),html:has(.keys){overscroll-behavior:none}body:has(.keys) .game{height:calc(100svh - var(--header));padding-bottom:max(8px,env(safe-area-inset-bottom));gap:10px}.game-head{flex-direction:column;gap:6px}.game-head,.game-meta{display:flex;align-items:center}.game-meta{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);gap:8px;height:20px;flex:none}.game-meta .link{text-transform:none;letter-spacing:0;font-size:.82rem}.badge{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;border-radius:4px;background:var(--key);color:var(--ink);font-size:.7rem;font-weight:700}.game-meta .badge{border:1px solid var(--line-strong);background:transparent;color:var(--ink)}.board-wrap{flex:1 1;min-height:0;display:grid;place-items:center;width:100%}body:has(.keys) .board-wrap{container-type:size}body:has(.keys) .board,body:has(.keys) .game.first .board{width:min(330px,92vw,100cqh * 5/6 - 4px)}.board{display:grid;grid-template-rows:repeat(6,1fr);gap:6px;container-type:inline-size;width:clamp(150px,calc((100vh - var(--header) - 300px) * 5 / 6),min(330px,88vw));width:clamp(150px,calc((100svh - var(--header) - 290px) * 5 / 6),min(330px,88vw));transition:width .25s var(--ease)}.game.first .board{width:clamp(150px,calc((100svh - var(--header) - 370px) * 5 / 6),min(330px,88vw))}.game:has(.result) .board{width:min(250px,64vw)}.row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.row.shake{animation:shake .4s}.tile{aspect-ratio:1;display:grid;place-items:center;border:2px solid var(--tile-edge);border-radius:var(--radius);font-size:2rem;font-size:11cqi;font-weight:800;text-transform:uppercase;line-height:1;-webkit-user-select:none;user-select:none;transition:border-color var(--fast)}.tile.filled{border-color:var(--line-strong);animation:pop .1s var(--ease)}.row.checking .tile.filled{animation:think .9s ease-in-out infinite}.row.checking .tile:nth-child(2){animation-delay:.1s}.row.checking .tile:nth-child(3){animation-delay:.2s}.row.checking .tile:nth-child(4){animation-delay:.3s}.row.checking .tile:nth-child(5){animation-delay:.4s}.tile.jump{animation:jump .4s var(--ease) both}.tile.c{--bgc:var(--hit)}.tile.p{--bgc:var(--near)}.tile.a{--bgc:var(--miss)}.tile.a,.tile.c,.tile.p{border-color:transparent;color:var(--on-mark);background:var(--bgc)}.tile.p{color:var(--on-near)}.tile.flip{animation:turn .6s both,face .6s steps(2,jump-none) both}@keyframes turn{0%{animation-timing-function:ease-in}50%{transform:rotateX(-90deg);animation-timing-function:ease-out}to{transform:none}}@keyframes face{0%{background:var(--tile-bg,transparent);border-color:var(--tile-line,var(--line-strong));color:var(--tile-ink,var(--ink));box-shadow:none;text-shadow:none;--face:0}}.tile.flip:after,.tile.flip:before{opacity:var(--face,1)}.chip-tile{display:inline-grid;place-items:center;width:1.5em;height:1.5em;border-radius:4px;vertical-align:middle;line-height:1;font-weight:800;font-size:.85em;text-transform:uppercase;color:var(--on-mark)}.chip-tile.c{background:var(--hit)}.chip-tile.p{background:var(--near);color:var(--on-near)}.chip-tile.a{background:var(--miss);color:var(--on-miss);outline:1px solid var(--line-strong);outline-offset:-1px}.hint{color:var(--muted);text-align:center;width:100%;max-width:500px;font-size:.9rem;line-height:1.4;display:grid;grid-template-rows:1fr;align-items:center;justify-items:center;height:60px;flex:none}.hint>*{grid-area:1/1;min-height:0;max-width:100%}.hint:has(.hint-chips:not(:empty)) :is(.hint-legend,.tips){visibility:hidden}.hint-legend{padding-top:2px;transition:opacity var(--fast) var(--ease),visibility var(--fast)}.hint.gone .hint-legend{opacity:0;visibility:hidden;transition-delay:1.4s}.tips{align-self:center;justify-self:center;display:grid;animation:appear var(--fast) var(--ease) 1.4s backwards}.tip,.tips{max-width:100%}.tip{display:inline-flex;align-items:center;gap:8px;margin:0;padding:5px 10px;border-radius:6px;border:1px solid var(--line);color:var(--muted);font-size:.82rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:color var(--fast) var(--ease),border-color var(--fast) var(--ease)}.tip>span{overflow:hidden;text-overflow:ellipsis}.tip .icon{flex:none;color:var(--near)}a.tip .icon:last-child{color:var(--muted)}@media (hover:hover){a.tip:hover{color:var(--ink);border-color:var(--line-strong)}}.hint-legend p{margin:0 0 8px}.legend{display:flex;justify-content:center;gap:6px 16px;flex-wrap:wrap;margin:0;padding:0;list-style:none}.legend li{display:inline-flex;align-items:center;gap:7px;font-weight:600}.legend .chip-tile{vertical-align:baseline;font-size:1rem;width:1.7em;height:1.7em;border-radius:4px}.legend li:first-child .chip-tile{rotate:-5deg}.legend li:nth-child(2) .chip-tile{rotate:3deg}.legend li:nth-child(3) .chip-tile{rotate:-2deg}.keys-wait{justify-content:center;opacity:.55}.keys,.keys-wait{width:100%;display:flex}.keys{flex-direction:column;gap:6px;max-width:500px;padding:0 2px;touch-action:manipulation}.keys div{display:flex;gap:4px;justify-content:center}.key{flex:1 1;max-width:44px;height:54px;padding:0;border:0;border-radius:5px;background:var(--key);font-weight:700;font-size:1.05rem;text-transform:uppercase;touch-action:manipulation;-webkit-user-select:none;user-select:none}.key.wide{flex:1.6 1;max-width:74px;font-size:.8rem;text-transform:none}.key.c{background:var(--hit);color:var(--on-mark)}.key.p{background:var(--near);color:var(--on-near)}.key.a{background:var(--miss);color:var(--on-miss)}.key{transition:background-color .25s,color .25s,filter var(--fast) var(--ease)}.key:active{filter:brightness(.86)}.key.hit{animation:press .12s var(--ease)}@media (hover:hover){.key:hover{filter:brightness(.96)}}.toast{position:fixed;top:calc(var(--header) + 16px);left:0;right:0;margin-inline:auto;width:max-content;height:fit-content;z-index:10;background:var(--ink);color:var(--paper);padding:8px 14px;border-radius:var(--radius);font-weight:600;font-size:.92rem;max-width:calc(100vw - 32px);text-align:center;animation:toast-in var(--fast) var(--ease) both}.toast.leaving{animation:toast-out var(--fast) var(--ease) both}body:has(.keys) .toast{top:calc(var(--header) + 112px)}@keyframes toast-in{0%{opacity:0}}@keyframes toast-out{to{opacity:0}}.seg{display:inline-grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2px;padding:2px;border:1px solid var(--line);border-radius:8px;background:var(--card)}.seg a,.seg button{min-width:0;overflow:hidden;text-overflow:ellipsis;border:0;background:transparent;padding:6px 12px;min-height:34px;border-radius:6px;font-weight:700;font-size:.85rem;color:var(--muted);text-decoration:none;white-space:nowrap;text-align:center;transition:background-color var(--fast) var(--ease),color var(--fast) var(--ease)}.seg a,.tabs a{display:inline-flex;align-items:center;justify-content:center}.seg [aria-current=page],.seg [aria-pressed=true]{background:var(--ink);color:var(--paper)}@media (hover:hover){.seg a:not([aria-current=page]):hover,.seg button:not([aria-pressed=true]):hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}}@media (pointer:coarse){.seg a,.seg button,.tabs a,.tabs button{min-height:44px}}.result{width:min(380px,94vw);display:flex;flex-direction:column;gap:12px;text-align:center;padding:16px 14px 14px;margin-bottom:8px;border:1px solid var(--line);border-radius:8px;background:var(--card);animation:appear .25s var(--ease) backwards}.next{margin:0;display:grid;gap:2px}.next span,.others-top span,.ring small,.stat span,.stats span{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);line-height:1.25}.next b{font-size:1.5rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.04em}.result h2{margin:0;font-size:1.4rem;outline:none}.answer{font-weight:800;letter-spacing:.12em;text-transform:uppercase}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-block:1px solid var(--line);padding:8px 0}.stats>div+div{border-left:1px solid var(--line)}.stats b{display:block;font-size:1.45rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dist{display:grid;gap:4px;text-align:left;font-size:.9rem}.dist div{display:flex;gap:8px;align-items:center}.dist span{width:1ch}.dist i{display:block;min-width:24px;padding:1px 6px;background:var(--miss);color:var(--on-miss);font-style:normal;text-align:right;border-radius:3px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:.85rem}.dist i.now{background:var(--hit);color:var(--on-mark)}.actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.actions .btn{flex:1 1;min-width:140px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius);padding:10px 16px;min-height:44px;background:var(--hit);color:var(--on-mark);font-weight:700;font-size:.95rem;text-decoration:none;text-align:center;transition:filter var(--fast) var(--ease),background-color var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease),opacity var(--fast)}.btn:not(:disabled):active{filter:brightness(.9)}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}.btn.done{border-color:var(--hit);color:var(--hit)}@media (hover:hover){.btn:not(:disabled):hover{filter:brightness(1.1)}.btn.danger:not(:disabled):hover,.btn.ghost:not(:disabled):hover{filter:none;background:color-mix(in srgb,currentColor 7%,transparent)}.btn.ghost:not(:disabled):hover{border-color:var(--ink)}}@media (pointer:fine){.btn{min-height:40px}}.btn.small{padding:5px 10px;min-height:32px;font-size:.82rem}.btn.danger{background:transparent;color:var(--danger);border-color:currentColor}.link{background:none;border:0;padding:0;text-decoration:underline;font-weight:600}.link,.page p a{text-underline-offset:3px;text-decoration-thickness:1px;transition:color var(--fast),text-decoration-thickness var(--fast)}@media (hover:hover){.link:hover,.page p a:hover{color:var(--hit);text-decoration-thickness:2px}}.link:active{opacity:.7}.game-meta .link{padding:12px 8px;margin:-12px -8px}@media (pointer:coarse){.btn.small{min-height:44px}}.form{display:grid;gap:12px;max-width:380px}.form label{display:grid;gap:5px;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.form label>:is(input,select){text-transform:none;letter-spacing:normal;color:var(--ink);font-weight:400}.form label.check,.form label.switch{font-size:.9rem;text-transform:none;letter-spacing:normal;color:var(--ink)}input,select{font:inherit;font-size:max(16px,1rem);padding:9px 11px;border-radius:var(--radius);min-height:44px;border:1px solid var(--line-strong);background:var(--card);color:var(--ink);transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}@media (hover:hover){input:hover,select:hover{border-color:var(--ink)}}input:focus-visible,select:focus-visible{outline:0;border-color:var(--hit);box-shadow:0 0 0 1px var(--hit)}.inline-form input::placeholder{text-transform:none;letter-spacing:normal}.inline-form{display:flex;gap:8px}.inline-form input{flex:1 1;min-width:0;text-transform:uppercase;letter-spacing:.08em}.switch{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.switch:last-child{border-bottom:0}.switch b{display:block}.switch small{color:var(--muted);display:block;margin-top:2px;line-height:1.35;font-size:.82rem}.form .gsi{display:flex;justify-content:center;min-height:44px}.form .gsi iframe{color-scheme:light}.form .switch{display:flex;border-bottom:0;padding:4px 0;font-weight:400}.toggle{appearance:none;width:40px;height:24px;min-height:0;padding:0;border-radius:999px;background:var(--line-strong);position:relative;flex:none;border:0;cursor:pointer;transition:background-color var(--fast) var(--ease)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform var(--fast) var(--ease)}.toggle:checked{background:var(--hit)}.toggle:checked:after{transform:translateX(16px)}.options{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:8px}@media (min-width:380px){.options.three{grid-template-columns:repeat(3,1fr)}}.option{display:grid;gap:6px;padding:10px;border-radius:8px;border:1px solid var(--line);background:var(--card);text-align:left;font-weight:700;font-size:.92rem;align-content:start;position:relative;transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.option[aria-pressed=true]{border-color:var(--hit);box-shadow:inset 0 0 0 1px var(--hit)}.option[aria-pressed=true]:after{content:"✓";position:absolute;top:8px;right:8px;width:18px;height:18px;border-radius:4px;display:grid;place-items:center;background:var(--hit);color:var(--on-mark);font-size:.7rem;font-weight:800}@media (hover:hover){.option:not([aria-pressed=true]):hover,.swatch:hover{border-color:var(--line-strong)}}.option .preview{display:flex;gap:3px}.option .preview i{width:20px;height:20px;border-radius:3px;display:grid;place-items:center;font-style:normal;font-size:.7rem;color:#fff}.option small{font-weight:500;color:var(--muted);font-size:.78rem;line-height:1.35}.swatches{display:grid;grid-template-columns:repeat(4,40px);gap:8px}.swatch{width:40px;height:40px;border-radius:6px;border:2px solid transparent;padding:0;box-shadow:inset 0 0 0 1px rgb(255 255 255/.14);transition:box-shadow var(--fast) var(--ease),border-color var(--fast) var(--ease)}.swatch[aria-pressed=true]{border-color:var(--card);box-shadow:0 0 0 2px var(--ink)}.page{width:100%;max-width:560px;margin:0 auto;line-height:1.5;padding:20px max(16px,env(safe-area-inset-right)) 40px max(16px,env(safe-area-inset-left))}.act-mates>*,.game-meta>*,.hero-actions,.hint-bar{animation:appear var(--fast) var(--ease) backwards}@keyframes appear{0%{opacity:0}}main.page{animation:appear var(--fast) var(--ease) backwards}.page.wide{max-width:880px}.page h1{font-size:1.7rem;margin:0 0 14px;line-height:1.15;letter-spacing:-.01em}.page h2{font-size:1.1rem;margin:0 0 8px}.page h2.section{margin-top:28px}.section{margin-top:24px}.settings .section>h2{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:8px}.card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:14px}.grid2{display:grid;gap:16px}.grid2>*{min-width:0}select{max-width:100%}@media (min-width:820px){.grid2{grid-template-columns:1fr 1fr;align-items:start}}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.tabs a,.tabs button{padding:6px 12px;border-radius:6px;border:1px solid var(--line-strong);background:transparent;text-decoration:none;font-weight:700;font-size:.85rem;transition:background-color var(--fast) var(--ease),color var(--fast) var(--ease),border-color var(--fast) var(--ease)}@media (hover:hover){.tabs a:not([aria-current=page]):hover,.tabs button:not([aria-pressed=true]):hover{border-color:var(--line-strong)}}.tabs [aria-current=page],.tabs [aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.tabs select{min-height:36px;padding:4px 10px;border-radius:6px;font-size:16px}.avatar{--s:40px;width:var(--s);height:var(--s);border-radius:calc(var(--s) * .24);flex:none;display:grid;place-items:center;background:var(--c,var(--hit));color:#fff;font-weight:800;font-size:calc(var(--s) * .45);text-transform:uppercase;line-height:1}.person{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none}.person b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person small{color:var(--muted)}.list{display:grid;gap:2px;margin:0;padding:0;list-style:none}.list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.list li:last-child{border-bottom:0}.list .end{display:flex;gap:6px;align-items:center;flex:none}.code{font-family:ui-monospace,monospace;font-weight:700;letter-spacing:.08em}.mini{display:grid;width:100%;max-width:120px}.mini,.mini .row{gap:3px}.mini .tile{font-size:.7rem;border-width:1px;border-radius:3px}.empty{text-align:center;padding:22px 16px;border:1px dashed var(--line-strong);border-radius:8px;color:var(--muted);font-size:.92rem}@keyframes pop{0%{transform:scale(.92)}}@keyframes think{50%{transform:translateY(-3px);border-color:var(--ink)}}@keyframes jump{0%,to{transform:none}40%{transform:translateY(-18%)}}@keyframes press{0%{filter:brightness(.86)}}@keyframes flip{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes shake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}:root[data-motion=off] *{animation:none!important;transition:none!important}@media (max-height:640px){.key{height:46px}.game-head{gap:4px}}@media (max-height:760px){.hint{height:34px}.hint-legend p{display:none}.legend{flex-wrap:nowrap;gap:12px;font-size:.85rem}.legend .chip-tile{width:1.5em;height:1.5em}}@media (max-height:720px) and (min-height:641px){.key{height:48px}}@media (max-width:380px){.key{height:50px;font-size:.95rem}.seg button{padding:7px 10px}}@media (min-width:900px){.key{height:58px}}.faq{border-bottom:1px solid var(--line);padding:10px 0}.faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;transition:color var(--fast)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:1.3rem;font-weight:600;color:var(--muted);transition:rotate var(--fast) var(--ease)}.faq[open] summary:after{rotate:45deg}@media (hover:hover){.faq summary:hover{color:var(--hit)}}.faq p{margin:4px 0 6px}.rules .lead{font-size:1.15rem}.rule-steps{list-style:none;counter-reset:step;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:8px;background:var(--card);overflow:hidden}.rule-steps li{counter-increment:step;display:grid;gap:2px;padding:12px;font-size:.85rem;line-height:1.3;color:var(--muted)}.rule-steps li+li{border-left:1px solid var(--line)}.rule-steps li:before{content:counter(step);display:grid;place-items:center;width:24px;height:24px;margin-bottom:6px;border-radius:4px;background:var(--hit);color:var(--on-mark);font-weight:800;font-size:.85rem}.rule-steps b{color:var(--ink);font-size:1rem}.rule-colors{display:grid;gap:0;border:1px solid var(--line);border-radius:8px;background:var(--card)}.rule-colors .howto-ex{padding:10px 12px}.rule-colors .howto-ex+.howto-ex{border-top:1px solid var(--line)}.rule-modes{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.rule-mode{padding:12px 14px;border-radius:8px;background:var(--card);border:1px solid var(--line)}.rule-mode h3{margin:0 0 4px;font-size:1.1rem;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.rule-mode h3 small{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.rule-mode p{margin:0;font-size:.95rem}.rule-coins{list-style:none;padding:0;margin:0 0 10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.rule-coins li{display:flex;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:6px;background:var(--card);border:1px solid var(--line);font-size:.88rem}.rule-coins b{color:var(--gold);white-space:nowrap}@media (max-width:400px){.rule-steps{grid-template-columns:1fr}.rule-steps li{grid-template-columns:auto 1fr;column-gap:10px}.rule-steps li:before{grid-row:span 2;margin:0}.rule-steps li+li{border-left:0;border-top:1px solid var(--line)}}#splash{position:fixed;inset:0;z-index:1000;display:none;place-items:center;background:var(--paper)}:root:is([data-splash=on],[data-splash=leaving]) #splash{display:grid}:root[data-splash=on] #splash{animation:splash-gone .4s ease 5s forwards}:root[data-splash=on]:has(main.activity) #splash{animation-delay:15s}.splash-tile{overflow:visible;animation:splash-pop .2s var(--ease) both,splash-breathe 1.6s ease-in-out 1.2s infinite}.splash-bg{fill:var(--hit)}.splash-five{fill:none;stroke:var(--on-mark);stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 2;stroke-dashoffset:1.02;animation:splash-draw .42s cubic-bezier(.65,0,.35,1) .15s forwards}#splash{--p:0}.splash-water{opacity:0;animation:splash-fill-on .2s ease .55s forwards}.splash-level{transform:translateY(calc(92px - var(--p) * 76px));transition:transform .35s cubic-bezier(.32,.72,0,1)}.splash-wave{fill:var(--near);animation:splash-wave 1.6s linear infinite}.splash-wave.back{opacity:.55;animation-duration:2.3s;animation-direction:reverse;translate:0 -1.5px}@keyframes splash-wave{0%{transform:translateX(0)}to{transform:translateX(25px)}}@keyframes splash-fill-on{to{opacity:1}}@keyframes splash-pop{0%{opacity:0;transform:scale(.85)}}@keyframes splash-draw{to{stroke-dashoffset:0}}@keyframes splash-breathe{50%{transform:scale(1.04)}}@keyframes splash-gone{to{opacity:0;visibility:hidden}}:root[data-splash=leaving] #splash{pointer-events:none;animation:splash-clear .5s ease .1s forwards}:root[data-splash=leaving] .splash-tile{animation:none;opacity:0;transform:translate(var(--dx,0),var(--dy,0)) scale(var(--k,.3));transition:transform .6s cubic-bezier(.32,.72,0,1),opacity .15s ease .5s,filter .6s;filter:drop-shadow(0 0 0 transparent)}@keyframes splash-clear{to{background-color:transparent}}:target.section{scroll-margin-top:calc(var(--header) + 16px);animation:target-glow 1.2s var(--ease) .2s;border-radius:8px}@keyframes target-glow{0%,70%{box-shadow:0 0 0 1px var(--hit)}}:root:has(main.activity){--header:0px;--tabbar:0px}body:has(main.activity){padding-bottom:0}body:has(main.activity)>:is(header,footer){display:none}:root:has(main.activity){--sait:var(--discord-safe-area-inset-top,env(safe-area-inset-top,0px));--saib:var(--discord-safe-area-inset-bottom,env(safe-area-inset-bottom,0px))}:root[data-mobile]:has(main.activity){--sait:max(var(--discord-safe-area-inset-top,0px),calc(env(safe-area-inset-top, 0px) + 52px));--saib:max(var(--discord-safe-area-inset-bottom,0px),env(safe-area-inset-bottom,0px))}main.activity{padding-top:calc(var(--sait) + 8px)}main.activity.game{min-height:100svh;padding-bottom:max(8px,var(--saib))}main.activity.game:has(.keys){height:100svh;min-height:0}.act-bar{gap:6px;width:100%;max-width:520px;padding:2px 4px 0}.act-bar,.act-brand{display:flex;align-items:center}.act-brand{gap:8px;margin-right:auto;min-width:0}.act-brand .brand-tile{width:32px;height:32px;font-size:1.1rem;font-weight:800}.act-brand b{display:block;font-size:1.15rem;line-height:1;letter-spacing:-.01em}.act-brand small{display:block;font-size:.74rem;color:var(--muted);font-weight:600}.act-me{display:flex;align-items:center;gap:6px;min-width:0;max-width:42%;padding:3px 8px 3px 3px;border-radius:8px;border:1px solid var(--line);background:var(--card);font-size:.82rem}.act-me b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.act-me .avatar{border-radius:50%}.act-mates{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;min-height:24px;padding:0 8px;font-size:.82rem;color:var(--muted);text-align:center}.act-faces{display:flex;flex:none}.act-group{display:inline-flex;align-items:center;gap:2px;flex:none;padding:1px 6px 1px 3px;border-radius:4px;border:1px solid color-mix(in srgb,#ff8a1f 45%,var(--line));color:var(--ink)}.act-faces .avatar{border-radius:50%;box-shadow:0 0 0 2px var(--paper)}.act-faces .avatar+.avatar{margin-left:-6px}@media (max-height:600px){.key{height:clamp(30px,8.5svh,46px);font-size:.92rem}.keys{gap:4px}body:has(.keys) .game{gap:6px}.act-bar .brand-tile{width:28px;height:28px}.act-bar .icon-btn{width:36px;height:36px}}@media (max-height:460px){.key{height:clamp(28px,7.8svh,36px);font-size:.85rem}.keys div{gap:3px}.act-brand small{display:none}}@media (max-height:480px) and (min-aspect-ratio:4/3){main.activity.game:has(.keys){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);align-items:center;justify-items:center;column-gap:20px;row-gap:6px;max-width:1000px}main.activity.game:has(.keys)>:is(.act-bar,.act-mates){grid-column:1/-1}main.activity.game:has(.keys)>.act-bar{max-width:none}main.activity.game:has(.keys)>.board-wrap{grid-column:1;grid-row:3;height:100%}main.activity.game:has(.keys)>.keys{grid-column:2;grid-row:3}main.activity.game:has(.keys) .key{height:clamp(30px,calc((100svh - var(--sait) - 120px) / 3.4),54px)}}@media (max-height:340px){main.activity{padding-top:calc(var(--sait) + 4px);gap:4px}main.activity .act-mates{display:none}.act-bar .act-brand b{font-size:1rem}.act-bar .icon-btn{width:30px;height:30px}.act-me{padding:2px 8px 2px 2px}.key{height:24px;font-size:.78rem;border-radius:4px}.keys{gap:3px}}@media (max-height:340px) and (hover:hover) and (pointer:fine){main.activity .hint-bar,main.activity .hint-chips,main.activity .keys{display:none}main.activity.game:has(.keys){display:flex}}.act-settings .modal-body{text-align:left}.act-settings .modal-body>h2{text-align:center}.act-settings .section:first-of-type{margin-top:0}html[data-lang=en] .by-lang:not([data-ready]){visibility:hidden}.streak-line{margin:-2px 0 0;font-size:.92rem;color:var(--muted)}.result .keep-streak{justify-content:center}.result .more{border-top:1px solid var(--line);padding-top:8px;text-align:center}.result .more summary{cursor:pointer;list-style:none;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:6px 0}.result .more summary::-webkit-details-marker{display:none}.result .more summary:after{content:" ▾"}.result .more[open] summary:after{content:" ▴"}.result .more-body{display:flex;flex-direction:column;gap:12px;padding-top:6px}:root{--grid:#ddd6c9}:root[data-theme=dark]{--grid:#34302a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--grid:#34302a}}:root[data-tiles=classic] .board{position:relative;isolation:isolate;gap:0}:root[data-tiles=classic] .board .row{gap:0}:root[data-tiles=classic] .board-wrap{overflow-x:clip}:root[data-tiles=classic] .board:before{content:"";position:absolute;inset:-10cqi;z-index:-1;pointer-events:none;background:linear-gradient(var(--grid) 1px,transparent 1px) 10cqi 10cqi /20cqi 20cqi,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 10cqi 10cqi /20cqi 20cqi;-webkit-mask-composite:source-in;-webkit-mask:linear-gradient(90deg,transparent,#000 10cqi,#000 calc(100% - 10cqi),transparent),linear-gradient(transparent,#000 10cqi,#000 calc(100% - 10cqi),transparent);mask:linear-gradient(90deg,transparent,#000 10cqi,#000 calc(100% - 10cqi),transparent),linear-gradient(transparent,#000 10cqi,#000 calc(100% - 10cqi),transparent);-webkit-mask-composite:source-in,xor;mask-composite:intersect}:root[data-tiles=classic] .board .tile{border:0;border-radius:0}:root[data-tiles=classic] .board .tile:is(.c,.p,.a){background:transparent;isolation:isolate;overflow:hidden}:root[data-tiles=classic] .board .tile:is(.c,.p,.a):before{content:"";position:absolute;inset:0;z-index:-1;background:var(--bgc);box-shadow:inset 0 0 0 1px var(--paper)}:root[data-tiles=classic][data-palette=contrast] .board .tile.c:before{background:radial-gradient(circle at calc(100% - 8px) 8px,currentColor 0 3px,transparent 3.5px),var(--bgc)}:root[data-tiles=classic][data-palette=contrast] .board .tile.p:before{background:radial-gradient(circle at calc(100% - 8px) 8px,transparent 0 2px,currentColor 2.5px 4px,transparent 4.5px),var(--bgc)}:root[data-tiles=classic][data-anim=flip] .board .tile.flip{animation:ink-letter .45s both}:root[data-tiles=classic][data-anim=flip] .board .tile.flip:before{opacity:1;animation:ink-soak .45s cubic-bezier(.3,0,.2,1) both;animation-delay:inherit}@keyframes ink-soak{0%{clip-path:circle(0 at 50% 55%)}to{clip-path:circle(75% at 50% 55%)}}@keyframes ink-letter{0%,25%{color:var(--ink)}}.day-no{display:inline-flex;align-items:stretch;height:22px;text-transform:none;letter-spacing:0}.day-no i{font-style:normal;display:grid;place-items:center;padding-right:4px}.day-no b{width:20px;display:grid;place-items:center;font-size:.95rem;font-weight:800;color:var(--ink);border:1px solid var(--grid);margin-left:-1px;animation:pen .35s var(--ease) both}@keyframes pen{0%{clip-path:inset(0 100% 0 0)}}.day-date{text-transform:none;letter-spacing:0;font-size:.82rem;font-weight:600;font-style:italic;border-bottom:1px solid var(--line-strong);line-height:1.15}.board .row.won{position:relative}.board .row.won:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-3px;height:3px;border-radius:2px;background:var(--ink);transform-origin:left;animation:pencil .35s cubic-bezier(.3,0,.2,1) .4s both}@keyframes pencil{0%{transform:scaleX(0)}}.tile{position:relative}:is(:root[data-tiles=candy] .tile:not([data-skin]),.tile[data-skin=candy]){border-radius:24%}:is(:root[data-tiles=candy] .tile:not([data-skin]),.tile[data-skin=candy]):is(.c,.p,.a){background:linear-gradient(180deg,color-mix(in oklab,var(--bgc),#fff 40%) 0,var(--bgc) 46%,color-mix(in oklab,var(--bgc),#000 16%) 100%);box-shadow:inset 0 3px 0 rgb(255 255 255/.45),inset 0 -4px 0 rgb(0 0 0/.16),0 3px 0 color-mix(in oklab,var(--bgc),#000 38%);text-shadow:0 2px 0 rgb(0 0 0/.18)}:is(:root[data-tiles=candy] .tile:not([data-skin]),.tile[data-skin=candy]).filled{box-shadow:0 3px 0 var(--line-strong)}:is(:root[data-tiles=pixel] .tile:not([data-skin]),.tile[data-skin=pixel]){border-radius:0;border-width:3px;font-family:ui-monospace,Courier New,monospace;font-weight:900}:is(:root[data-tiles=pixel] .tile:not([data-skin]),.tile[data-skin=pixel]):is(.c,.p,.a){border-color:color-mix(in oklab,var(--bgc),#000 45%);box-shadow:inset -5px -5px 0 rgb(0 0 0/.26),inset 5px 5px 0 rgb(255 255 255/.26)}:is(:root[data-tiles=pixel] .tile:not([data-skin]),.tile[data-skin=pixel]).filled{box-shadow:inset -4px -4px 0 var(--line)}:is(:root[data-tiles=neon] .tile:not([data-skin]),.tile[data-skin=neon]){background:#120f1d;border-color:#2c2742;color:#f4f0ff;--tile-bg:#120f1d;--tile-line:#8a7dff;--tile-ink:#f4f0ff}:is(:root[data-tiles=neon] .tile:not([data-skin]),.tile[data-skin=neon]).filled{border-color:#8a7dff;box-shadow:0 0 10px rgb(138 125 255/.45),inset 0 0 8px rgb(138 125 255/.3)}:is(:root[data-tiles=neon] .tile:not([data-skin]),.tile[data-skin=neon]):is(.c,.p){background:#120f1d;border-color:var(--bgc);color:color-mix(in oklab,var(--bgc),#fff 45%);box-shadow:0 0 14px var(--bgc),inset 0 0 12px color-mix(in oklab,var(--bgc),transparent 45%);text-shadow:0 0 9px var(--bgc)}:is(:root[data-tiles=neon] .tile:not([data-skin]),.tile[data-skin=neon]).a{background:#120f1d;border-color:#4a4560;color:#8d88a6}:is(:root[data-tiles=glass] .tile:not([data-skin]),.tile[data-skin=glass]){border:1px solid var(--line);border-radius:22%;background:color-mix(in oklab,var(--card),transparent 35%);overflow:hidden}:is(:root[data-tiles=glass] .tile:not([data-skin]),.tile[data-skin=glass]):is(.c,.p,.a){background:linear-gradient(150deg,color-mix(in oklab,var(--bgc),#fff 12%),color-mix(in oklab,var(--bgc),transparent 30%));border-color:rgb(255 255 255/.55);box-shadow:inset 0 1px 0 rgb(255 255 255/.7),0 8px 18px rgb(0 0 0/.16)}:is(:root[data-tiles=glass] .tile:not([data-skin]),.tile[data-skin=glass]):is(.c,.p,.a):after{content:"";position:absolute;inset:0 35% 50% 0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgb(255 255 255/.6),transparent 70%)}:is(:root[data-tiles=gold] .tile:not([data-skin]),.tile[data-skin=gold]):is(.c,.p,.a){border:3px solid transparent;overflow:hidden;background:linear-gradient(var(--bgc),var(--bgc)) padding-box,linear-gradient(135deg,#fff2b0,#d4a017 30%,#fff7cf 50%,#b8860b 75%,#ffe58a) border-box;box-shadow:0 2px 10px rgb(184 134 11/.35)}:is(:root[data-tiles=gold] .tile:not([data-skin]),.tile[data-skin=gold]):is(.c,.p,.a):after{content:"";position:absolute;inset:-30%;pointer-events:none;transform:translateX(-130%);background:linear-gradient(105deg,transparent 40%,rgb(255 255 255/.6) 50%,transparent 60%);animation:shine 4s ease-in-out infinite}:is(:root[data-tiles=gold] .tile:not([data-skin]),.tile[data-skin=gold]).filled{border-color:#c9971c}:is(:root[data-tiles=magma] .tile:not([data-skin]),.tile[data-skin=magma]):is(.c,.p,.a){isolation:isolate;overflow:hidden;box-shadow:0 0 12px color-mix(in oklab,var(--bgc),transparent 35%)}:is(:root[data-tiles=magma] .tile:not([data-skin]),.tile[data-skin=magma]):is(.c,.p,.a):before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,color-mix(in oklab,var(--bgc),#000 35%),var(--bgc),color-mix(in oklab,var(--bgc),#ffd000 40%),var(--bgc),color-mix(in oklab,var(--bgc),#000 35%));background-size:300% 300%;animation:magma 5s ease-in-out infinite}:is(:root[data-tiles=magma] .tile:not([data-skin]),.tile[data-skin=magma]).filled{border-color:#ff7a2b;box-shadow:0 0 8px rgb(255 122 43/.4)}@property --holo{syntax:"<angle>";inherits:false;initial-value:0deg}:is(:root[data-tiles=holo] .tile:not([data-skin]),.tile[data-skin=holo]):is(.c,.p,.a){isolation:isolate;overflow:hidden;border-color:transparent;background:transparent}:is(:root[data-tiles=holo] .tile:not([data-skin]),.tile[data-skin=holo]):is(.c,.p,.a):before{content:"";position:absolute;inset:-2px;z-index:-2;background:conic-gradient(from var(--holo),#ff6ec7,#7afcff,#feff9c,#b28dff,#ff6ec7);animation:holo 4s linear infinite}:is(:root[data-tiles=holo] .tile:not([data-skin]),.tile[data-skin=holo]):is(.c,.p,.a):after{content:"";position:absolute;inset:3px;z-index:-1;border-radius:calc(var(--radius) - 3px);background:linear-gradient(135deg,rgb(255 255 255/.32),transparent 35%,rgb(255 255 255/.14) 60%,transparent 80%),var(--bgc)}:is(:root[data-tiles=holo] .tile:not([data-skin]),.tile[data-skin=holo]).filled{border-color:#b28dff}@keyframes shine{0%,55%{transform:translateX(-130%)}80%,to{transform:translateX(130%)}}@keyframes magma{50%{background-position:100% 100%}}@keyframes holo{to{--holo:360deg}}:is(:root[data-anim=bounce] .tile:not([data-anim]),.tile[data-anim=bounce]).flip{animation:t-bounce .55s cubic-bezier(.3,1.6,.5,1) both}:is(:root[data-anim=pop] .tile:not([data-anim]),.tile[data-anim=pop]).flip{animation:t-pop .45s cubic-bezier(.2,1.4,.4,1) both}:is(:root[data-anim=spin] .tile:not([data-anim]),.tile[data-anim=spin]).flip{animation:t-spin .7s cubic-bezier(.2,.8,.3,1) both}:is(:root[data-anim=drop] .tile:not([data-anim]),.tile[data-anim=drop]).flip{animation:t-drop .6s ease-out both}:is(:root[data-anim=wave] .tile:not([data-anim]),.tile[data-anim=wave]).flip{animation:t-wave .6s ease-out both}:is(:root[data-anim=glitch] .tile:not([data-anim]),.tile[data-anim=glitch]).flip{animation:t-glitch .6s step-end both}:is(:root[data-anim=portal] .tile:not([data-anim]),.tile[data-anim=portal]).flip{animation:t-portal .75s cubic-bezier(.2,.9,.3,1.2) both}@keyframes t-bounce{0%{transform:none}35%{transform:translateY(-34%) scale(1.08)}65%{transform:scale(1.08,.86)}to{transform:none}}@keyframes t-pop{0%{transform:scale(.2);opacity:0}70%{transform:scale(1.15);opacity:1}to{transform:none}}@keyframes t-spin{0%{transform:rotateY(-540deg) scale(.4);opacity:.2}to{transform:none;opacity:1}}@keyframes t-drop{0%{transform:translateY(-160%) rotate(-10deg);opacity:0}60%{transform:translateY(8%);opacity:1}80%{transform:translateY(-4%)}to{transform:none}}@keyframes t-wave{0%{transform:translateY(40%) rotate(-25deg) scale(.6);opacity:0}55%{transform:translateY(-15%) rotate(10deg) scale(1.1);opacity:1}to{transform:none}}@keyframes t-glitch{0%{opacity:0}10%{opacity:1;transform:translate(-7%,2%);clip-path:inset(20% 0 40% 0);filter:hue-rotate(90deg);text-shadow:3px 0 #ff2e63,-3px 0 #2ee6ff}25%{transform:translate(6%,-3%);clip-path:inset(60% 0 5% 0)}40%{transform:translate(-3%);clip-path:inset(0 0 70% 0);filter:hue-rotate(-60deg) saturate(2)}55%{transform:translate(4%,2%);clip-path:inset(30% 0 30% 0)}70%{transform:none;clip-path:inset(0);filter:brightness(1.6);text-shadow:1px 0 #ff2e63,-1px 0 #2ee6ff}to{transform:none;clip-path:none;filter:none;text-shadow:none}}@keyframes t-portal{0%{transform:scale(0) rotate(-200deg);filter:blur(6px) brightness(2.5);opacity:0;box-shadow:0 0 0 0 rgb(178 141 255/.9)}60%{transform:scale(1.12) rotate(10deg);filter:none;opacity:1;box-shadow:0 0 0 10px rgb(178 141 255/0)}to{transform:none}}:root:not([data-bg=plain]) body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none}:root:not([data-bg=plain]) body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--paper);opacity:.55}:root:not([data-bg=plain]) .top{background:var(--paper)}.bgp[data-bg=dawn],:root[data-bg=dawn] body:before{background:linear-gradient(160deg,#ffd3a5,#fd9c9c 35%,#c79bf2 70%,#8fb8ff);background-size:220% 220%;animation:pan 26s ease-in-out infinite alternate}.bgp[data-bg=ocean],:root[data-bg=ocean] body:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0 60 Q150 10 300 60 T600 60 T900 60 T1200 60 V120 H0Z' fill='%23ffffff' fill-opacity='.28'/%3E%3C/svg%3E") repeat-x 0 100% /640px 120px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0 60 Q150 10 300 60 T600 60 T900 60 T1200 60 V120 H0Z' fill='%23ffffff' fill-opacity='.28'/%3E%3C/svg%3E") repeat-x 0 calc(100% - 50px) /900px 150px,linear-gradient(180deg,#a9e4ff,#46a6e6 55%,#155ea8);animation:waves 18s linear infinite}.bgp[data-bg=aurora],:root[data-bg=aurora] body:before{background:radial-gradient(55% 40% at 20% 25%,rgb(62 240 179/.75),transparent 70%),radial-gradient(45% 38% at 80% 18%,rgb(139 92 246/.75),transparent 70%),radial-gradient(70% 45% at 50% 85%,rgb(34 211 238/.6),transparent 70%),linear-gradient(180deg,#0b1d3a,#14325a);background-size:160% 160%;animation:aurora 20s ease-in-out infinite alternate}.bgp[data-bg=letters],:root[data-bg=letters] body:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cg font-family='Georgia,serif' font-weight='700' fill='%235b3fd6' fill-opacity='.2'%3E%3Ctext x='14' y='52' font-size='44'%3E%D0%96%3C/text%3E%3Ctext x='120' y='40' font-size='28' transform='rotate(14 120 40)' fill='%23e2a23b' fill-opacity='.3'%3E%D0%AA%3C/text%3E%3Ctext x='78' y='122' font-size='56' transform='rotate(-10 78 122)' fill='%231f5c40' fill-opacity='.18'%3E%D0%91%3C/text%3E%3Ctext x='170' y='160' font-size='34' fill='%23d6336c' fill-opacity='.22'%3E%D0%A9%3C/text%3E%3Ctext x='22' y='196' font-size='30' transform='rotate(8 22 196)'%3E%D0%AE%3C/text%3E%3Ctext x='150' y='96' font-size='22' fill='%231d5f86' fill-opacity='.25'%3E%D0%AF%3C/text%3E%3Ctext x='96' y='200' font-size='24' fill='%23e2a23b' fill-opacity='.28'%3E%D0%A4%3C/text%3E%3C/g%3E%3C/svg%3E") 0 0 /220px 220px,linear-gradient(135deg,#fff6e5,#f1e9ff);animation:drift 70s linear infinite}.bgp[data-bg=night],:root[data-bg=night] body:before{background:radial-gradient(1.6px 1.6px at 22px 34px,#fff,transparent),radial-gradient(1.2px 1.2px at 96px 128px,#fff,transparent),radial-gradient(1.8px 1.8px at 160px 64px,#ffe9a8,transparent),radial-gradient(1px 1px at 60px 170px,#fff,transparent),radial-gradient(1.4px 1.4px at 180px 180px,#cfe3ff,transparent),radial-gradient(120% 70% at 70% 0,#3a2a7a,transparent 60%),linear-gradient(180deg,#0a0f2c,#1a1446 60%,#2d1b4e);background-size:200px 200px,200px 200px,200px 200px,200px 200px,200px 200px,auto,auto;animation:stars 90s linear infinite}.bgp[data-bg=sakura],:root[data-bg=sakura] body:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cg fill='%23ff8fb8' fill-opacity='.55'%3E%3Cpath d='M30 20c8-10 22-6 20 6-2 10-14 14-20 8-4-4-4-10 0-14z'/%3E%3Cpath d='M130 60c6-8 18-5 16 5-1 8-11 11-16 6-3-3-3-8 0-11z' fill='%23ffb3cf'/%3E%3Cpath d='M80 130c7-9 20-5 18 6-2 9-13 12-18 7-4-4-4-9 0-13z' fill='%23ff7aa8'/%3E%3Cpath d='M150 150c5-6 14-4 12 4-1 6-8 8-12 5-2-3-2-6 0-9z'/%3E%3C/g%3E%3C/svg%3E") 0 0 /180px 180px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cg fill='%23ff8fb8' fill-opacity='.55'%3E%3Cpath d='M30 20c8-10 22-6 20 6-2 10-14 14-20 8-4-4-4-10 0-14z'/%3E%3Cpath d='M130 60c6-8 18-5 16 5-1 8-11 11-16 6-3-3-3-8 0-11z' fill='%23ffb3cf'/%3E%3Cpath d='M80 130c7-9 20-5 18 6-2 9-13 12-18 7-4-4-4-9 0-13z' fill='%23ff7aa8'/%3E%3Cpath d='M150 150c5-6 14-4 12 4-1 6-8 8-12 5-2-3-2-6 0-9z'/%3E%3C/g%3E%3C/svg%3E") 60px 90px /260px 260px,linear-gradient(180deg,#fff0f5,#ffd6e7 60%,#f8c1d9);animation:petals 30s linear infinite}.bgp[data-bg=synth],:root[data-bg=synth] body:before{background:repeating-linear-gradient(180deg,transparent 0 28px,rgb(255 79 216/.75) 28px 30px) 50% 100% /100% 40% no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 400' preserveAspectRatio='none'%3E%3Cg stroke='%23ff4fd8' stroke-opacity='.75' stroke-width='2'%3E%3Cline x1='500' y1='0' x2='-1500' y2='400'/%3E%3Cline x1='500' y1='0' x2='-1375' y2='400'/%3E%3Cline x1='500' y1='0' x2='-1250' y2='400'/%3E%3Cline x1='500' y1='0' x2='-1125' y2='400'/%3E%3Cline x1='500' y1='0' x2='-1000' y2='400'/%3E%3Cline x1='500' y1='0' x2='-875' y2='400'/%3E%3Cline x1='500' y1='0' x2='-750' y2='400'/%3E%3Cline x1='500' y1='0' x2='-625' y2='400'/%3E%3Cline x1='500' y1='0' x2='-500' y2='400'/%3E%3Cline x1='500' y1='0' x2='-375' y2='400'/%3E%3Cline x1='500' y1='0' x2='-250' y2='400'/%3E%3Cline x1='500' y1='0' x2='-125' y2='400'/%3E%3Cline x1='500' y1='0' x2='0' y2='400'/%3E%3Cline x1='500' y1='0' x2='125' y2='400'/%3E%3Cline x1='500' y1='0' x2='250' y2='400'/%3E%3Cline x1='500' y1='0' x2='375' y2='400'/%3E%3Cline x1='500' y1='0' x2='500' y2='400'/%3E%3Cline x1='500' y1='0' x2='625' y2='400'/%3E%3Cline x1='500' y1='0' x2='750' y2='400'/%3E%3Cline x1='500' y1='0' x2='875' y2='400'/%3E%3Cline x1='500' y1='0' x2='1000' y2='400'/%3E%3Cline x1='500' y1='0' x2='1125' y2='400'/%3E%3Cline x1='500' y1='0' x2='1250' y2='400'/%3E%3Cline x1='500' y1='0' x2='1375' y2='400'/%3E%3Cline x1='500' y1='0' x2='1500' y2='400'/%3E%3Cline x1='500' y1='0' x2='1625' y2='400'/%3E%3Cline x1='500' y1='0' x2='1750' y2='400'/%3E%3Cline x1='500' y1='0' x2='1875' y2='400'/%3E%3Cline x1='500' y1='0' x2='2000' y2='400'/%3E%3Cline x1='500' y1='0' x2='2125' y2='400'/%3E%3Cline x1='500' y1='0' x2='2250' y2='400'/%3E%3Cline x1='500' y1='0' x2='2375' y2='400'/%3E%3Cline x1='500' y1='0' x2='2500' y2='400'/%3E%3C/g%3E%3C/svg%3E") 50% 100% /100% 40% no-repeat,radial-gradient(circle at 50% 60%,#ffe259 0,#ff7a59 9%,#ff2f92 15%,transparent 15.5%),linear-gradient(180deg,#14053f,#3c0f72 42%,#b4237a 59.8%,#1a0233 60%,#10002a);animation:glow 5s ease-in-out infinite alternate}@keyframes pan{to{background-position:100% 100%}}@keyframes waves{to{background-position:640px 100%,-900px calc(100% - 50px),0 0}}@keyframes aurora{0%{background-position:0 0;filter:hue-rotate(0deg)}to{background-position:100% 100%;filter:hue-rotate(35deg)}}@keyframes drift{to{background-position:220px 440px,0 0}}@keyframes stars{to{background-position:-200px 100px,-300px 150px,-400px 200px,-200px 100px,-300px 150px,0 0,0 0}}@keyframes glow{to{filter:saturate(1.35) brightness(1.12)}}@keyframes petals{to{background-position:180px 540px,320px 870px,0 0}}.racer{position:relative;display:inline-block;flex:none;line-height:0}.racer svg{display:block;overflow:visible;animation:idle 2.4s ease-in-out infinite;transform-origin:50% 100%}.racer .shadow{fill:rgb(0 0 0/.18)}.racer .arm,.racer .cape,.racer .flame,.racer .leg,.racer .tail,.racer .tails{transform-box:fill-box}.racer .leg{transform-origin:50% 0}.racer.run svg{animation:racer-bob .3s ease-in-out infinite alternate}.racer.run .leg-a{animation:leg .3s ease-in-out infinite alternate}.racer.run .leg-b{animation:leg .3s ease-in-out infinite alternate-reverse}.racer.run .arm{animation:arm .3s ease-in-out infinite alternate;transform-origin:50% 20%}.racer.run .cape,.racer.run .tails{animation:flutter .25s ease-in-out infinite alternate;transform-origin:100% 0}.racer .tail{transform-origin:100% 100%;animation:flutter 1.2s ease-in-out infinite alternate}.racer .flame{transform-origin:50% 100%;animation:flicker .22s ease-in-out infinite alternate}.racer .blink{animation:blink 1.4s steps(2,jump-none) infinite}.racer .visor{animation:visor 2s ease-in-out infinite}.racer-ghost svg,.racer-ghost.run svg{animation:float 1.6s ease-in-out infinite}@keyframes idle{50%{transform:translateY(-2%) scale(1.02,.98)}}@keyframes racer-bob{0%{transform:translateY(0) rotate(4deg)}to{transform:translateY(-7%) rotate(6deg)}}@keyframes leg{0%{transform:rotate(-34deg)}to{transform:rotate(34deg)}}@keyframes arm{0%{transform:rotate(40deg)}to{transform:rotate(-40deg)}}@keyframes flutter{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}@keyframes blink{50%{opacity:.25}}@keyframes visor{50%{opacity:.6}}@keyframes float{50%{transform:translateY(-10%)}}.trail{right:62%;bottom:6%;width:70%;height:55%;pointer-events:none}.trail,.trail i{position:absolute}.trail i{right:0;bottom:0;width:9px;height:9px;border-radius:50%;background:rgb(150 140 120/.55);animation:puff .6s linear infinite}.trail i:nth-child(2){animation-delay:.15s;bottom:20%}.trail i:nth-child(3){animation-delay:.3s;bottom:6%}.trail i:nth-child(4){animation-delay:.45s;bottom:30%}.trail-smoke i{background:rgb(110 110 130/.45)}.trail-wisp i{background:rgb(225 232 255/.7);width:12px;height:7px}.trail-fire i{background:radial-gradient(circle,#fff3a0 0 25%,#ffb020 45%,#ff4d1f 70%,transparent 72%);width:12px;height:12px}.trail-sparkle i{background:#ffd34d;border-radius:2px;width:7px;height:7px;box-shadow:0 0 6px #ffd34d}.trail-rainbow i{border-radius:4px;width:16px;height:6px;animation-name:streak}.trail-rainbow i:first-child{background:#ff4d6d;bottom:52%}.trail-rainbow i:nth-child(2){background:#ffb020;bottom:38%}.trail-rainbow i:nth-child(3){background:#2ed47a;bottom:24%}.trail-rainbow i:nth-child(4){background:#3fa9ff;bottom:10%}@keyframes puff{0%{transform:translate(0) scale(.5);opacity:.9}to{transform:translate(-30px,-8px) scale(1.7);opacity:0}}@keyframes streak{0%{transform:translateX(0) scaleX(.6);opacity:1}to{transform:translateX(-34px) scaleX(2.4);opacity:0}}.vfx{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:60}.brand-word{display:inline}@media (max-width:359px){.brand-word{display:none}.top nav{gap:0}.top nav a{min-width:42px;padding:8px 6px}}.coin{flex:none}.bot-tag{margin-left:6px;padding:0 5px;border-radius:4px;font-style:normal;font-size:.65rem;font-weight:700;vertical-align:2px;background:var(--key);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.wallet{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:6px;text-decoration:none;background:#fbefc8;color:#5a3d00;border:1px solid #e0b94f}:root[data-theme=dark] :is(.wallet,.reward,.gain.coins:not(.none)){background:#33290f;color:#ffe08a;border-color:#6b5313}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) :is(.wallet,.reward,.gain.coins:not(.none)){background:#33290f;color:#ffe08a;border-color:#6b5313}}.wallet b{display:block;font-size:1.35rem;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.wallet small{font-size:.72rem;font-weight:700;opacity:.75}.wallet.small{padding:4px 10px 4px 6px;gap:6px}.wallet.small b{font-size:1.05rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem!important;font-weight:800;opacity:.8;margin-bottom:4px!important}.reward{align-self:center;display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 6px;border-radius:6px;text-decoration:none;font-weight:800;background:#fbefc8;color:#5a3d00;border:1px solid #e0b94f}.result .reward{justify-self:center;margin:-4px auto 0}[tabindex="-1"]:focus-visible{outline:none;box-shadow:none}.made{display:grid;justify-items:center;gap:8px;margin-top:14px;padding:14px;border-radius:8px;background:var(--paper);border:1px dashed var(--line-strong);text-align:center}.big-code{font-size:2.2rem;letter-spacing:.2em}.players{list-style:none;padding:0;margin:0;display:grid;gap:4px;width:100%;text-align:left}.players li{display:flex;align-items:center;gap:10px;padding:4px 0}.players li>span:not(.avatar){flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal{width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;margin:auto;border:1px solid var(--line-strong);border-radius:10px;background:var(--card);color:var(--ink);overflow:hidden auto;overscroll-behavior:contain;scrollbar-width:thin;animation:fade-in var(--fast) var(--ease) both}.modal::backdrop{background:rgb(12 10 6/.6);animation:fade-in var(--fast) var(--ease) both}.modal.leaving{animation:fade-in var(--fast) var(--ease) reverse both}.modal.leaving::backdrop{animation:fade-in var(--fast) var(--ease) reverse both}.modal-body{position:relative;display:grid;gap:12px;padding:22px 18px 18px;text-align:center}.modal h2{margin:0;font-size:1.35rem;line-height:1.15}.modal .eyebrow{margin:0 0 -8px!important;color:var(--muted)}.modal-x{position:absolute;top:8px;right:8px;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--muted);transition:background-color var(--fast) var(--ease),color var(--fast) var(--ease)}.modal-x:hover{background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink)}.modal .actions{margin-top:2px}@media (max-width:520px){.modal{width:100vw;max-width:100vw;margin:auto 0 0;border-radius:12px 12px 0 0;border-width:1px 0 0}.modal-body{padding-bottom:max(18px,env(safe-area-inset-bottom))}.grabber{position:absolute;top:0;left:64px;right:64px;height:24px;touch-action:none;cursor:grab;z-index:1}.grabber:before{content:"";position:absolute;top:7px;left:50%;width:32px;height:4px;margin-left:-16px;border-radius:2px;background:var(--line-strong)}.modal{transition:translate var(--fast) var(--ease)}.modal.dragging{transition:none}}@media (min-width:521px){.grabber{display:none}}@keyframes fade-in{0%{opacity:0}}.headword{margin:4px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:12px;row-gap:0;text-align:left;padding-bottom:6px;border-bottom:1px solid var(--line)}.headword b{font-size:2.3rem;line-height:1.1;font-weight:800;letter-spacing:.01em;animation:pen .5s cubic-bezier(.3,0,.2,1) .1s both}.headword i{color:var(--muted);font-size:.95rem}.reveal-step{min-height:0;display:grid;align-content:center}.meaning{display:grid;gap:8px;text-align:left}.meaning-m{font-size:1.08rem}.meaning-e,.meaning-m{margin:0;line-height:1.45}.meaning-e{font-style:italic;color:var(--muted)}.others{display:grid;gap:12px}.others-top{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;gap:0;border-block:1px solid var(--line);padding:8px 0}.others-top div{padding:2px 4px}.others-top div+div{border-left:1px solid var(--line)}.others-top b{display:block;font-size:1.35rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tries{list-style:none;margin:0;padding:0;display:grid;gap:5px}.tries li{display:grid;grid-template-columns:1.4em 1fr 3em;gap:8px;align-items:center;font-size:.88rem;font-weight:700}.bar-k{text-align:center;color:var(--muted)}.bar-track{position:relative;height:20px;border-radius:3px;background:var(--paper);overflow:hidden;display:flex;align-items:center}.bar-track i{display:block;height:100%;border-radius:3px;background:var(--miss)}.bar-track em{position:absolute;left:8px;font-style:normal;font-size:.72rem;font-weight:800;color:var(--on-mark);text-transform:uppercase;letter-spacing:.08em}.tries li.me .bar-track i{background:var(--hit)}.tries li.me .bar-k,.tries li.me .bar-n{color:var(--ink)}.bar-n{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--muted)}.others-line{margin:0;font-weight:600}.step-dots{display:flex;justify-content:center;gap:8px}.step-dots button{width:18px;height:4px;min-height:0;padding:0;border:0;border-radius:2px;background:var(--line-strong);opacity:.6;transition:opacity var(--fast) var(--ease),background-color var(--fast) var(--ease)}.step-dots button[aria-selected=true]{opacity:1;background:var(--hit)}.word-chip{display:grid;gap:2px;justify-items:center;padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:var(--paper);color:var(--ink);transition:border-color var(--fast) var(--ease)}.word-chip span{font-size:.66rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-weight:800}.word-chip b{font-size:1.3rem}.word-chip small{font-size:.78rem;color:var(--muted);text-decoration:underline;text-underline-offset:3px}@media (hover:hover){.word-chip:hover{border-color:var(--line-strong)}}.game-modes{display:flex;align-items:center;gap:8px;width:max(240px,var(--board-w,min(330px,92vw)));max-width:100%}.game-modes .icon-btn{width:40px;height:40px}.game-modes .seg{flex:1 1;min-width:0;display:grid;grid-template-columns:1fr 1fr}.game-modes .seg button{padding-inline:6px}.game-modes .hint-bar{width:auto;flex:none;flex-wrap:nowrap}.game-modes .hint-btn{width:40px;height:40px;min-height:0;padding:0;justify-content:center}.game-modes .hint-btn span{display:none}.hint-chips{display:flex;flex-wrap:nowrap;gap:6px;width:100%;max-width:500px;overflow-x:auto;scrollbar-width:none;justify-content:safe center}.hint-chips::-webkit-scrollbar{display:none}.hint-chips:empty{display:none}.hint-chips .hint-chip{flex:none;white-space:nowrap}.howto .modal-body{text-align:left}.howto h2{text-align:center}.howto-steps{margin:0;padding-left:1.3em;display:grid;gap:6px;line-height:1.4}.howto-ex{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:center}.howto-ex .mini{max-width:none}.howto-ex .tile{font-size:1.05rem;border-width:2px;border-radius:6px}.howto-ex p{margin:0;font-size:.92rem;line-height:1.35}.icon-btn{width:40px;height:40px;min-height:0;padding:0;display:grid;place-items:center;flex:none;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);transition:border-color var(--fast) var(--ease),background-color var(--fast) var(--ease)}@media (hover:hover){.icon-btn:hover{border-color:var(--line-strong)}}.icon-btn:active{background:var(--key)}.share-preview{display:block;aspect-ratio:1200/630;border-radius:8px;overflow:hidden;background:#16140f;border:1px solid var(--line);position:relative}.share-preview:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgb(255 255 255/.08) 50%,transparent 70%) 0 0 /200% 100%;animation:shimmer 1.2s linear infinite}.share-preview.ready:before{display:none}.share-preview img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--fast) var(--ease)}.share-preview.ready img{opacity:1}.share-actions{display:grid;gap:8px}.share-actions .btn.done{border-color:var(--hit);color:var(--hit)}.share-note{margin:0;font-size:.8rem}@keyframes shimmer{to{background-position:-200% 0}}.shared{gap:22px;text-align:center;padding-top:32px}.shared,.shared-card{display:grid;justify-items:center}.shared-card{width:min(380px,100%);gap:14px;padding:22px 18px 18px;border-radius:10px;background:var(--card);border:1px solid var(--line);border-top:6px solid var(--near)}.shared-card.won{border-top-color:var(--hit)}.shared-card h1{margin:0;font-size:1.6rem}.shared-card .eyebrow{margin:0 0 -6px!important;color:var(--muted)}.shared-board{display:grid;gap:6px;width:min(250px,70vw)}.shared-board .row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.shared-board .tile{border-radius:5px}.shared-board .tile.a,.shared-board .tile.c,.shared-board .tile.p{animation:flip .5s var(--ease) var(--d) both}.shared-score{font-size:2.8rem;line-height:1;animation:appear var(--fast) var(--ease) var(--d) both}.shared-score small{font-size:1.4rem;color:var(--muted)}.shared-cta{display:grid;gap:8px;justify-items:center;width:min(380px,100%)}.shared-cta .btn{width:100%}.shared-cta p{margin:0}@keyframes pop-in{0%{opacity:0}}.group-card{margin:0;display:grid;gap:6px}.group-card img{width:100%;height:auto;border-radius:8px;border:1px solid var(--line)}.group-card figcaption{font-size:.82rem}.hint-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;width:100%;max-width:500px}.hint-btn{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:4px 12px;border-radius:8px;border:1px solid var(--gold);background:color-mix(in srgb,var(--gold) 12%,var(--card));color:var(--ink);font-weight:800;font-size:.85rem;transition:background-color var(--fast) var(--ease),border-color var(--fast) var(--ease)}@media (hover:hover){.hint-btn:hover{background:color-mix(in srgb,var(--gold) 22%,var(--card))}}.hint-btn .icon{color:var(--gold)}.hint-bar.calm .hint-btn{border-color:var(--line);background:var(--card);color:var(--muted)}.hint-bar.calm .hint-btn .icon{color:var(--muted)}.hint-chip{padding:3px 8px;border-radius:4px;background:var(--card);border:1px solid var(--line);font-size:.8rem;font-weight:600}.hint-chip,.hint-coins{display:inline-flex;align-items:center}.hint-coins{margin:0;justify-content:center;gap:6px}.hint-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;text-align:left;gap:0;border:1px solid var(--line);border-radius:8px;overflow:hidden}.hint-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--paper);transition:background-color var(--fast) var(--ease),opacity var(--fast)}.hint-list li+li{border-top:1px solid var(--line)}.hint-list li div{display:grid;gap:2px;min-width:0}.hint-list li small{color:var(--muted);font-size:.8rem}.hint-list li.got{box-shadow:inset 3px 0 0 var(--hit)}.hint-list li.got small{color:var(--ink);font-weight:600}.hint-list li.got .icon{color:var(--hit);flex:none}.hint-list li.locked{opacity:.75}.hint-list .btn{flex:none;gap:4px}.ledger{list-style:none;margin:0;padding:0;display:grid;gap:2px}.ledger li{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:8px 0;border-bottom:1px solid var(--line)}.ledger li:last-child{border-bottom:0}.ledger small{color:var(--muted);font-size:.78rem}.ledger b{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ledger b.plus{color:var(--hit)}.ledger b.minus{color:var(--danger)}.coins-history summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:44px}.coins-history summary::-webkit-details-marker{display:none}.coins-history summary:after{content:"+";font-size:1.3rem;color:var(--muted);transition:rotate var(--fast) var(--ease)}.coins-history[open] summary:after{rotate:45deg}.flame{--f1:#ff8a2b;--f2:#ffd34d;display:inline-flex;align-items:center;gap:3px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.flame svg{overflow:visible;transform-origin:50% 90%;animation:flicker 1.6s ease-in-out infinite}.flame .outer{fill:var(--f1)}.flame .inner{fill:var(--f2);transform-origin:50% 85%;animation:flicker-in .9s ease-in-out infinite alternate}.flame .n{color:var(--f1)}.flame.gold{--f1:#ffb020;--f2:#fff2a8}.flame.blue{--f1:#3fa4ff;--f2:#e8f6ff}.flame.legend{--f1:#b44dff;--f2:#ffd6ff}.flame.blue svg,.flame.legend svg{animation-duration:1.1s}.flame.out svg{animation:none;filter:grayscale(1) opacity(.45)}.flame.out .n{color:var(--muted)}@keyframes flicker{0%,to{transform:scale(1) rotate(-2deg)}30%{transform:scale(1.06,.96) rotate(2deg)}60%{transform:scale(.97,1.05) rotate(-1deg)}}@keyframes flicker-in{0%{transform:scaleY(.88);opacity:.85}to{transform:scaleY(1.08);opacity:1}}.reward-bonus{display:inline-flex;align-items:center;gap:3px;margin-left:8px;font-weight:700;opacity:.85}.stat b .flame,.stats b .flame{display:inline-flex;vertical-align:middle;font-size:inherit;color:inherit;margin:0}.stat b .flame .n,.stats b .flame .n{display:inline;font-size:inherit;margin:0;line-height:1}.invite .shared-card p{margin:0}.invite-tiles{display:grid;grid-template-columns:repeat(5,34px);gap:6px;margin-top:4px}.invite-tiles .tile{height:34px;border-radius:5px;animation:flip .5s var(--ease) both}.invite-tiles .tile:nth-child(2){animation-delay:.07s}.invite-tiles .tile:nth-child(3){animation-delay:.14s}.invite-tiles .tile:nth-child(4){animation-delay:.21s}.invite-tiles .tile:nth-child(5){animation-delay:.28s}.remind .remind-way{display:grid;gap:6px;text-align:left}.remind .remind-way+.remind-way{padding-top:12px;border-top:1px solid var(--line)}.remind .remind-way p{margin:0;font-size:.86rem}