:root{--bg: #161826;--panel: #212335;--card: #282a3c;--line: #6e7488;--lineSoft: #3f424d;--divider: rgba(233, 233, 237, .1);--ink: #e9e9ed;--ink2: #b2b6ca;--ink3: #9397ab;--ink4: #75798c;--bar: #595d6c;--acc: #796cbf;--accT: #d2cefd;--accT2: #b5abfc;--accFill: rgba(145, 132, 217, .1);--accWash: rgba(145, 132, 217, .1);--accFill2: rgba(145, 132, 217, .14);--accFill3: rgba(145, 132, 217, .2);--scrim: rgba(14, 15, 24, .5);--needFace: #ffffff;--needEdge: #b2b6ca;--needArt: .38;--selEdge: #b5abfc;--pill: #d2cefd;--pillInk: #161826;--band: #3b2e58;--bandInk: #ece2ff;--slotFace: #1d1f2e;--tileFace: #ffffff;--tileEdge: #b9bdc9;--tileShade: rgba(0, 0, 0, .45);--tileLabel: #5f6359;--tileFaceFull: #ffffff;--dBam: #5cc98b;--dCrak: #ff8f80;--dDot: #86b0ff;--dWind: #e9e9ed;--dFlower: #e0b45a;--cBam: #294c3e;--cCrak: #5e3541;--cDot: #26416c;--cWind: #454862;--chipEdge: 50%;--goingFill: #2d2c46;--goingChipEdge: 50%;--jMark: #a99cff;--bam: #1a7a46;--crak: #c23b2e;--dot: #2563c9;--flower: #a8761a;--joker: #6b4fb8;--wind: #2f3138;--dragonRed: #c23b2e;--dragonGreen: #1a7a46;--soap: #2563c9;--flowerTile: #8f6313;--bamGlow: rgba(52, 184, 112, .5);--crakGlow: rgba(232, 102, 88, .5);--dotGlow: rgba(94, 152, 245, .5);--flowerGlow: rgba(222, 164, 62, .5);--jokerGlow: rgba(158, 132, 230, .5);--windGlow: rgba(178, 186, 205, .45)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #f5f6f8;--panel: #ffffff;--card: #ffffff;--line: #7c8595;--lineSoft: #c9ced7;--divider: rgba(27, 28, 34, .14);--ink: #1b1f26;--ink2: #3e4552;--ink3: #58606e;--ink4: #6e7684;--bar: #98a0ae;--acc: #5d5294;--accT: #3c3466;--accT2: #524787;--accFill: #f0eefb;--accWash: rgba(93, 82, 148, .1);--accFill2: #ebe8fa;--accFill3: #e3dff8;--scrim: rgba(60, 63, 75, .5);--needFace: #ffffff;--needEdge: #707989;--needArt: .38;--selEdge: #5d5294;--pill: #5d5294;--pillInk: #ffffff;--band: #ecdcf6;--bandInk: #4a2a68;--slotFace: #e8ebf0;--tileEdge: #818b9c;--tileShade: #b9c0cb;--dBam: #14663a;--dCrak: #b0311f;--dDot: #1f4fa8;--dWind: #292b31;--dFlower: #7d5510;--cBam: #d5ecdb;--cCrak: #f7dbd6;--cDot: #d9e4f8;--cWind: #dfe2ee;--chipEdge: 60%;--goingFill: #f5f4fc;--goingChipEdge: 70%;--jMark: #6b4fb8;--bamGlow: rgba(26, 122, 70, .4);--crakGlow: rgba(194, 59, 46, .4);--dotGlow: rgba(37, 99, 201, .4);--flowerGlow: rgba(143, 99, 19, .42);--jokerGlow: rgba(107, 79, 184, .42);--windGlow: rgba(47, 49, 56, .32)}}:root[data-theme=light]{--bg: #f5f6f8;--panel: #ffffff;--card: #ffffff;--line: #7c8595;--lineSoft: #c9ced7;--divider: rgba(27, 28, 34, .14);--ink: #1b1f26;--ink2: #3e4552;--ink3: #58606e;--ink4: #6e7684;--bar: #98a0ae;--acc: #5d5294;--accT: #3c3466;--accT2: #524787;--accFill: #f0eefb;--accWash: rgba(93, 82, 148, .1);--accFill2: #ebe8fa;--accFill3: #e3dff8;--scrim: rgba(60, 63, 75, .5);--needFace: #ffffff;--needEdge: #707989;--needArt: .38;--selEdge: #5d5294;--pill: #5d5294;--pillInk: #ffffff;--band: #ecdcf6;--bandInk: #4a2a68;--slotFace: #e8ebf0;--tileEdge: #818b9c;--tileShade: #b9c0cb;--dBam: #14663a;--dCrak: #b0311f;--dDot: #1f4fa8;--dWind: #292b31;--dFlower: #7d5510;--cBam: #d5ecdb;--cCrak: #f7dbd6;--cDot: #d9e4f8;--cWind: #dfe2ee;--chipEdge: 60%;--goingFill: #f5f4fc;--goingChipEdge: 70%;--jMark: #6b4fb8;--bamGlow: rgba(26, 122, 70, .4);--crakGlow: rgba(194, 59, 46, .4);--dotGlow: rgba(37, 99, 201, .4);--flowerGlow: rgba(143, 99, 19, .42);--jokerGlow: rgba(107, 79, 184, .42);--windGlow: rgba(47, 49, 56, .32)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}button{font-family:inherit}:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.kicker{font:500 10px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3)}.scrim{position:fixed;inset:0;z-index:20;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:24px}.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;min-width:0;background:var(--tileFace);border:1px solid var(--tileEdge);box-shadow:0 1.5px 0 var(--tileShade);user-select:none;-webkit-user-select:none}.tile--have{border-color:var(--tint, var(--tileEdge))}.slot-map .tile--have{border-width:2px}.tile--need{border:2px dashed var(--needEdge);background:var(--needFace);background-clip:padding-box;box-shadow:none}.tile--need .tile-art,.tile--need .tile-glyph,.tile--need .tile-label{opacity:var(--needArt);mix-blend-mode:multiply}.tile--joker{border:2px solid var(--joker);box-shadow:0 1.5px 0 var(--tileShade)}.tile-joker-badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;border-radius:999px;background:var(--joker);color:#fff;font:600 10px/16px Inter,sans-serif;text-align:center;box-shadow:0 0 0 1.5px var(--tileFace)}.tile--selected,.tile--full{border-width:2px;border-color:var(--sel, var(--acc));box-shadow:0 0 0 3px var(--selGlow, var(--accFill3)),0 0 10px 2px var(--selGlow, var(--accFill3)),0 1.5px 0 var(--tileShade)}.tile--full{background:var(--tileFaceFull)}.tile-button.tile--full:disabled .tile-art,.tile-button.tile--full:disabled .tile-glyph,.tile-button.tile--full:disabled .tile-label{opacity:var(--needArt)}.tile-art{max-height:84%;max-width:84%;width:auto;height:auto;object-fit:contain;pointer-events:none}.tile-glyph,.tile-label{display:none}:root[data-faces=numbers] .tile-art{display:none}:root[data-faces=numbers] .tile-glyph,:root[data-faces=numbers] .tile-label{display:block}.tile-glyph{font-weight:600;line-height:1}.tile-label{font-size:var(--labelSize, 9px);font-weight:600;line-height:1;color:var(--tileLabel);margin-top:2px;white-space:nowrap}.hand-grid .tile,.keypad .tile,.slot-map .tile,.panel-needed .tile,.detail-needed .tile{container-type:inline-size}.hand-grid .tile-label,.keypad .tile-label,.slot-map .tile-label,.panel-needed .tile-label,.detail-needed .tile-label{font-size:min(var(--labelSize, 9px),calc((100cqi - 2px) / var(--labelEms, 3)))}.tile-count{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:999px;background:var(--sel, var(--acc));color:#fff;font:600 11px/20px Inter,sans-serif;text-align:center;box-shadow:0 0 0 1.5px var(--tileFace)}.tile-button{cursor:pointer}.tile-button:active{transform:translateY(1px)}.tile-button:disabled{opacity:.45;cursor:default}.tile-button.tile--full:disabled{opacity:1}