:root{--ink:#0f1216;--ink2:#161b22;--ink3:#202834;--line:#2a3340;--paper:#eee3cb;--paper2:#e0d2b2;--paperline:#b9a97e;--text:#d9d3c3;--dim:#8f8c7c;--gold:#c2a15c;--golddim:#8d7440;--bad:#d06a52;--good:#8db884;--e0:#c08a2e;--e1:#4a7fb5;--e2:#c74a2f;--e3:#5f9068;--e4:#8a67b4;--e0d:#835c17;--e1d:#2d5c8c;--e2d:#9c351d;--e3d:#3c6446;--e4d:#5f4390;--serif:"Yu Mincho","YuMincho","Hiragino Mincho ProN","Noto Serif JP","Iowan Old Style",Georgia,serif;--ui:"Segoe UI",system-ui,-apple-system,sans-serif;--cw:clamp(52px,min(8.6vw,9.6vh),82px);--ch:calc(var(--cw) * 1.42);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:radial-gradient(1100px 520px at 50% -12%,#1b232e 0,transparent 60%),radial-gradient(900px 500px at 50% 112%,#171d26 0,transparent 55%),var(--ink);color:var(--text);font-family:var(--ui);overflow:hidden}.el-0{--c:var(--e0);--cd:var(--e0d)}.el-1{--c:var(--e1);--cd:var(--e1d)}.el-2{--c:var(--e2);--cd:var(--e2d)}.el-3{--c:var(--e3);--cd:var(--e3d)}.el-4{--c:var(--e4);--cd:var(--e4d)}#app{height:100%;flex-direction:column;min-height:0}#app,header{display:flex}header{align-items:center;gap:14px;padding:8px 16px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#131820,transparent);flex:0 0 auto}.brand{font-family:var(--serif);font-size:20px;color:var(--gold);letter-spacing:.06em;white-space:nowrap}.brand small{font-family:var(--ui);font-size:10px;letter-spacing:.34em;color:var(--dim);margin-left:8px;vertical-align:2px}.roundpill{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:4px 12px;white-space:nowrap}header .spacer{flex:1 1}.hbtn{font-family:var(--ui);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);background:none;border:1px solid var(--line);border-radius:6px;padding:6px 12px;cursor:pointer;white-space:nowrap}.hbtn:hover{color:var(--text);background:var(--ink3)}#deck:focus-visible,.card:focus-visible,.hbtn:focus-visible,.shrine:focus-visible,.zone:focus-visible{outline:2px solid var(--gold);outline-offset:2px}#board{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(84px,110px) repeat(5,minmax(64px,128px));grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);grid-gap:6px 10px;gap:6px 10px;justify-content:center;padding:10px 14px 4px}.colcell{position:relative;border-radius:10px}.colcell.tint{background:linear-gradient(180deg,color-mix(in srgb,var(--c) 5%,transparent),transparent 70%)}.colcell.tint.mine{background:linear-gradient(0deg,color-mix(in srgb,var(--c) 5%,transparent),transparent 70%)}.rail{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--ink2);min-width:0}.rail .pname{font-family:var(--serif);font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail.active{border-color:var(--golddim);box-shadow:0 0 12px #c2a15c22}.rail.active .pname{color:var(--gold)}.rail .prow{display:flex;align-items:baseline;gap:6px;font-size:11px;color:var(--dim)}.rail .pscore{font-family:var(--serif);font-size:18px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pscore.neg{color:var(--bad)}.pscore.pos{color:var(--good)}.rail .ptotal{font-size:11px;color:var(--dim);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.minihand{display:flex;margin-top:2px}.minihand span{width:11px;height:17px;border-radius:2px;margin-right:-5px;background:linear-gradient(160deg,#232c3e,#1a2130);border:1px solid #3a4560}#deckcell{display:flex;align-items:center;justify-content:center}#deck{position:relative;width:calc(var(--cw) * .92);height:calc(var(--ch) * .92);border-radius:8px;cursor:default;background:none;border:none;padding:0}#deck .back{position:absolute;inset:0;border-radius:8px;background:linear-gradient(155deg,#222b40,#161c2b);border:1px solid #3a4560;box-shadow:0 3px 8px #0009;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}#deck .glogo{position:relative;width:31%;fill:var(--gold);opacity:.92;filter:drop-shadow(0 1px 2px #0009)}#deck .back:before{content:"";position:absolute;inset:5px;border:1px solid #c2a15c44;border-radius:5px}#deck .under{position:absolute;inset:0;border-radius:8px;background:#141a28;border:1px solid #303a52}#deck .under.u1{translate:2px 3px}#deck .under.u2{translate:4px 6px}#deck .cnt{position:relative;font-family:var(--serif);font-size:16px;color:var(--gold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000}#deck .cnt.low{color:var(--bad)}#deck.can{cursor:pointer}#deck.can .back{border-color:var(--gold);box-shadow:0 0 16px #c2a15c55,0 3px 8px #0009;animation:breathe 1.6s ease-in-out infinite}#deck .lbl{position:absolute;left:50%;bottom:-17px;translate:-50% 0;font-size:9px;letter-spacing:.22em;color:var(--dim);text-transform:uppercase}.shrine{position:relative;width:100%;height:calc(var(--ch) + 14px);justify-content:center;border:1px dashed color-mix(in srgb,var(--c) 36%,var(--line));border-top:2px solid color-mix(in srgb,var(--c) 55%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--c) 4%,var(--ink2));cursor:default;padding:0}.shrine,.shrine .ghost{display:flex;align-items:center}.shrine .ghost{flex-direction:column;gap:4px;opacity:.5}.shrine .ghost .gk{font-family:var(--serif);font-size:calc(var(--cw)*.42);color:var(--c)}.shrine .ghost svg{width:14px;height:14px;fill:var(--c);opacity:.8}.shrinecell{position:relative;display:flex}.pilecount{position:absolute;top:4px;right:6px;z-index:3;font-size:10px;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:#0f1216d9;border:1px solid var(--line);border-radius:999px;padding:2px 7px;cursor:pointer;font-family:var(--ui)}.pilecount:hover{border-color:var(--gold);color:var(--gold)}.shrine.can{cursor:pointer;border-style:solid;border-color:var(--c);box-shadow:0 0 14px color-mix(in srgb,var(--c) 45%,transparent);animation:breathe 1.6s ease-in-out infinite}.shrine.blocked{opacity:.45}.zone{position:absolute;inset:0;border-radius:10px}.zone.can{border:1px solid var(--c);cursor:pointer;box-shadow:inset 0 0 18px color-mix(in srgb,var(--c) 22%,transparent),0 0 12px color-mix(in srgb,var(--c) 30%,transparent);animation:breathe 1.6s ease-in-out infinite}.zone .card{position:absolute;left:50%;transform:translateX(-50%)}.zone.mine .card{top:calc(var(--i) * var(--off))}.zone.opp .card{bottom:calc(var(--i) * var(--off))}.zonescore{position:absolute;left:50%;translate:-50% 0;z-index:5;font-family:var(--serif);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:#0f1216d9;border:1px solid var(--line);border-radius:999px;padding:1px 9px}.zone.mine .zonescore{bottom:2px}.zone.opp .zonescore{top:2px}.zonescore.neg{color:var(--bad)}.zonescore.pos{color:var(--good)}.card{position:relative;width:var(--cw);height:var(--ch);border-radius:8px;background:linear-gradient(160deg,var(--paper) 0,var(--paper2) 100%);border:1px solid #00000066;box-shadow:0 2px 6px #0008;color:var(--cd);font-family:var(--serif);display:block;padding:0}.card .crn{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1}.card .crn .v{font-size:calc(var(--cw)*.24);font-weight:600}.card .crn .k{font-size:calc(var(--cw)*.15);opacity:.75;margin-top:1px}.card .crn.tl{top:4px;left:5px}.card .crn.br{bottom:4px;right:5px;rotate:180deg}.card .crn.bl{bottom:4px;left:5px;display:none}.card .mid{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.card .mid .big{font-size:calc(var(--cw)*.46);line-height:1}.card .mid svg{width:calc(var(--cw)*.2);height:calc(var(--cw)*.2);fill:var(--cd);opacity:.85}.card .mid .wk{font-size:calc(var(--cw)*.5);line-height:1}.card .mid .wl{font-size:calc(var(--cw)*.11);letter-spacing:.22em;text-transform:uppercase;opacity:.7;font-family:var(--ui)}.card.wager{background:linear-gradient(160deg,#f3ead6 0,var(--paper2) 100%)}.card.wager:after{content:"";position:absolute;inset:4px;border:1px solid color-mix(in srgb,var(--cd) 45%,transparent);border-radius:5px;pointer-events:none}.zone.opp .card .crn.bl{display:flex}.card.pop{animation:pop .32s ease}@keyframes pop{0%{opacity:0;scale:.72}}@keyframes breathe{0%,to{filter:brightness(1)}50%{filter:brightness(1.28)}}#statusbar{flex:0 0 auto;text-align:center;padding:2px 12px 4px;min-height:34px}#status{font-family:var(--serif);font-size:15px;color:var(--text)}#lastmove{font-size:11px;color:var(--dim);margin-top:1px}#handrow{flex:0 0 auto;display:flex;justify-content:center;align-items:flex-end;padding:4px 10px 14px;min-height:calc(var(--ch) + 26px)}.card.inhand{position:relative;cursor:pointer;margin:0 -6px;transition:translate .12s ease,box-shadow .12s ease}.card.inhand.gap{margin-left:8px}.card.inhand:hover{translate:0 -8px;z-index:3}.card.inhand.sel{translate:0 -14px;z-index:4;box-shadow:0 0 0 2px var(--c),0 6px 14px #000a}.card.inhand:disabled{cursor:default}.overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--ink) 88%,black);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.overlay[hidden]{display:none}.overlay.opaque{background:var(--ink)}.panel{width:min(560px,92vw);max-height:88vh;overflow-y:auto;background:var(--ink2);border:1px solid var(--line);border-radius:14px;padding:28px 30px;box-shadow:0 20px 60px #000c}.panel h2{font-family:var(--serif);font-size:22px;color:var(--gold);margin-bottom:12px;text-wrap:balance}.panel p{font-size:13px;line-height:1.65;color:var(--text);margin-bottom:10px;max-width:62ch}.panel li.dim,.panel p.dim{color:var(--dim)}.panel ul{margin:0 0 12px 18px}.panel li{font-size:13px;line-height:1.6;margin-bottom:7px;max-width:60ch}.panel .btnrow{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.bigbtn{font-family:var(--ui);font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding:11px 20px;border-radius:8px;cursor:pointer;background:none;border:1px solid var(--line);color:var(--text)}.bigbtn:hover{background:var(--ink3)}.bigbtn.primary{border-color:var(--golddim);color:var(--gold)}.bigbtn.primary:hover{background:#c2a15c14}#setup .panel{text-align:center;padding-top:36px}.titlelogo{display:block;margin:0 auto 14px;filter:drop-shadow(0 2px 18px #c2a15c33)}.tagline{font-family:var(--serif);font-size:14px;color:var(--text);font-style:italic;margin-bottom:20px}.elemrow{display:flex;justify-content:center;gap:8px;margin-bottom:24px;flex-wrap:wrap}.echip{display:flex;flex-direction:column;align-items:center;gap:3px;border:1px solid color-mix(in srgb,var(--c) 40%,var(--line));border-radius:9px;padding:9px 11px;min-width:62px;background:color-mix(in srgb,var(--c) 6%,transparent)}.echip .ek{font-family:var(--serif);font-size:24px;color:var(--c)}.echip svg{width:12px;height:12px;fill:var(--c)}.echip .en{font-size:9px;letter-spacing:.18em}.echip .en,.setuplabel{text-transform:uppercase;color:var(--dim)}.setuplabel{font-size:10px;letter-spacing:.26em;margin:16px 0 8px}.segrow{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.seg{font-family:var(--ui);font-size:12px;padding:10px 16px;border-radius:8px;cursor:pointer;background:none;border:1px solid var(--line);color:var(--text);min-width:150px}.seg small{display:block;font-size:10px;color:var(--dim);margin-top:3px;letter-spacing:.04em}.seg.on{border-color:var(--gold);color:var(--gold);background:#c2a15c10}.seg.on small{color:var(--golddim)}#startbtn{margin-top:26px;width:min(320px,100%)}.setupfoot{margin-top:14px}.linky{background:none;border:none;color:var(--dim);font-size:11px;letter-spacing:.1em;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.linky:hover{color:var(--text)}#pass .panel{text-align:center}#pass .pk{font-family:var(--serif);font-size:44px;color:var(--gold);margin-bottom:10px}.panel.wide{width:min(760px,94vw)}.shrinerow{display:flex;align-items:flex-start;gap:14px;padding:9px 8px;border-bottom:1px solid #202734}.shrinerow:last-of-type{border-bottom:none}.shrinerow.focus{background:color-mix(in srgb,var(--c) 7%,transparent);border-radius:8px}.srhead{display:flex;flex-direction:column;align-items:center;min-width:56px;padding-top:6px}.srhead .srk{font-family:var(--serif);font-size:22px;color:var(--c);line-height:1.1}.srhead .srn{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-top:2px}.srcards{display:flex;flex-wrap:wrap;gap:6px}.shrinerow .card{--cw:46px;--ch:65px}.srcards .card.ontop{box-shadow:0 0 0 2px var(--gold),0 2px 6px #0008}.srempty{font-size:12px;color:var(--dim);font-style:italic;align-self:center}.viewnote{font-size:11px;color:var(--dim);margin:2px 0 6px}.scoretbl{width:100%;border-collapse:collapse;margin:6px 0 14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.scoretbl th{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);text-align:right;padding:5px 8px;border-bottom:1px solid var(--line);font-weight:600}.scoretbl th:first-child{text-align:left}.scoretbl td{font-size:13px;text-align:right;padding:5px 8px;border-bottom:1px solid #202734}.scoretbl td:first-child{text-align:left;font-family:var(--serif)}.scoretbl td .tk{color:var(--c);margin-right:6px}.scoretbl .fine{font-size:10px;color:var(--dim);display:block}.scoretbl tr.sumrow td{border-top:1px solid var(--line);border-bottom:none;font-family:var(--serif);font-size:15px;padding-top:8px}.scoretbl td.neg{color:var(--bad)}.scoretbl td.pos{color:var(--good)}.verdict{font-family:var(--serif);font-size:19px;color:var(--gold);text-align:center;margin:6px 0 4px;text-wrap:balance}.totline{font-size:12px;color:var(--dim);text-align:center;margin-bottom:4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media (max-width:640px){#board{grid-template-columns:70px repeat(5,minmax(52px,1fr));gap:4px 5px;padding:6px}.rail{padding:5px}.rail .pname{font-size:11px}.brand{font-size:16px}}