:root{color-scheme:dark;--bg:#0a0d10;--panel:#131a22;--line:#2a3744;--text:#e8edf2;--sub:#95a5b5;--green:#54d69b;--blue:#67adff;--red:#ff6876}
.position-panel{overflow:hidden}.position-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.position-heading h2{font-size:18px;margin:2px 0 0}.eyebrow{color:#79dcae;font-size:10px;font-weight:800;letter-spacing:.14em}.position-key{white-space:nowrap;color:var(--sub);font-size:11px}.position-key i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 9px #54d69b;margin-right:5px}.position-hint,.position-caption{text-align:center;color:var(--sub);font-size:12px;margin:8px 0}.position-table{position:relative;width:min(100%,560px);aspect-ratio:1.72/1;margin:10px auto 12px}.position-felt{position:absolute;inset:15% 12%;border:2px solid #286247;border-radius:50%;background:radial-gradient(ellipse at center,#1a3a2e 0%,#0d1f18 78%);box-shadow:inset 0 0 32px #030914,0 0 20px #00a46420}.position-center{position:absolute;inset:35% 28%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ba9a2;text-align:center;font-size:10px;pointer-events:none}.position-center strong{color:var(--green);font-size:clamp(13px,3vw,18px);margin-top:5px;text-shadow:0 0 10px #54d69b66}.position-seats{position:absolute;inset:0}.position-seat{position:absolute;transform:translate(-50%,-50%);min-width:54px;padding:8px 9px;border-radius:18px;border:1px solid #405048;background:#101813;color:#a8b8af;font-size:11px;font-weight:800;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.position-seat:hover:not(:disabled){transform:translate(-50%,-50%) scale(1.08)}.position-seat.selected{background:#0a4a38;border-color:var(--green);color:#baffdb;box-shadow:0 0 14px #54d69b77,0 0 28px #54d69b22}.position-seat.unavailable{opacity:.5;cursor:default;border-style:dashed}.position-table.heads-up .position-felt{inset:22% 19%}.position-table.heads-up .position-seat{min-width:62px}.position-caption{font-size:11px;margin-bottom:0}
#quiz{background:radial-gradient(ellipse at 50% 28%,#1a3a2e 0%,#10261d 48%,#0d1f18 78%);border-color:#286247;box-shadow:inset 0 0 34px #03091488,0 12px 30px #0005}#quiz .summary{color:#c5e6d0}#quiz .playing{box-shadow:0 7px 20px #0007}#quiz .answers button{background:#0d1712cc}#quiz .answers button:first-child{color:var(--green);border-color:#54d69b88}#quiz .answers button:last-child{color:#c1cbd3;border-color:#75828c88}#quiz .answers button:disabled{opacity:.62}
.ref-position-panel{overflow:hidden}.ref-keys{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;color:var(--sub);font-size:10px}.ref-keys span{white-space:nowrap}.ref-keys i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:4px}.hero-key{background:#54d69b;box-shadow:0 0 8px #54d69b}.villain-key{background:#3fd8ff;box-shadow:0 0 8px #3fd8ff}.ref-table{position:relative;width:min(100%,560px);aspect-ratio:1.72/1;margin:12px auto 8px}.ref-felt{position:absolute;inset:15% 12%;border:2px solid #286247;border-radius:50%;background:radial-gradient(ellipse at center,#1a3a2e 0%,#0d1f18 78%);box-shadow:inset 0 0 32px #030914,0 0 20px #00a46420}.ref-center{position:absolute;inset:35% 25%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#9ba9a2;font-size:9px;pointer-events:none}.ref-center strong{margin-top:5px;color:var(--text);font-size:clamp(10px,2.6vw,15px)}.ref-seats{position:absolute;inset:0}.ref-seat{position:absolute;transform:translate(-50%,-50%);min-width:45px;padding:7px 5px;text-align:center;border-radius:16px;border:1px solid #405048;background:#101813;color:#a8b8af;font-size:clamp(8px,1.8vw,11px);font-weight:800}.ref-seat.hero{background:#0a4a38;border-color:#54d69b;color:#baffdb;box-shadow:0 0 13px #54d69b77}.ref-seat.villain{background:#132b35;border-color:#3fd8ff;color:#a8f1ff;box-shadow:0 0 13px #3fd8ff66}.ref-position-note{text-align:center;color:var(--sub);font-size:11px;margin:6px 0 0}.reference-quiz{margin-top:10px;padding:18px 12px;border:1px solid #286247;border-radius:16px;background:radial-gradient(ellipse at 50% 28%,#1a3a2e 0%,#10261d 48%,#0d1f18 78%);box-shadow:inset 0 0 32px #03091488,0 10px 24px #0005}.reference-quiz .playing{box-shadow:0 7px 20px #0007}.reference-quiz .answers button{background:#0d1712cc}.reference-quiz .feedback{color:var(--text)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(900px 400px at 50% -10%,#142333,var(--bg) 72%);color:var(--text);font:15px/1.55 -apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.shell{max-width:980px;margin:auto;padding:12px 16px 36px}a{color:inherit}.study-nav{position:sticky;top:8px;z-index:10;margin-bottom:12px}.study-nav summary{display:inline-block;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#111923;font-weight:700;cursor:pointer;list-style:none}.study-nav nav{position:absolute;display:grid;gap:6px;padding:10px;background:#10171f;border:1px solid var(--line);border-radius:14px}.study-nav nav a{padding:9px 12px;text-decoration:none;color:var(--sub)}.study-nav nav a:hover{background:#1c2a37;color:var(--text)}header{text-align:center;padding:14px 0 20px}.brand{font-weight:900;letter-spacing:.1em;text-decoration:none;font-size:clamp(22px,5vw,31px)}header p{color:var(--sub);margin:3px}main{display:grid;gap:14px}.panel,.notice,.hero{border:1px solid var(--line);border-radius:16px;background:linear-gradient(155deg,#17212b,#10151b);padding:16px}.notice{background:#151b22}.notice p{color:var(--sub);font-size:13px;margin:5px 0}.notice a{color:#93c4ff;font-size:12px}.controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}.controls label{display:grid;gap:5px;color:var(--sub);font-size:12px}.controls select,.controls input{padding:10px;border:1px solid var(--line);border-radius:10px;background:#0e141a;color:var(--text)}.switch,.answers{display:grid;grid-template-columns:1fr 1fr;gap:8px}.switch button,.answers button,.primary{padding:12px 9px;border:1px solid var(--line);border-radius:11px;background:#141d26;color:var(--sub);font-weight:800;cursor:pointer}.switch .active{border-color:var(--green);color:var(--green)}.grid{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:3px;aspect-ratio:1}.cell{display:grid;place-items:center;min-width:0;border-radius:4px;font-size:clamp(6px,1.8vw,12px);font-weight:700}.cell.in{background:var(--green);color:#08130d}.cell.out{background:#252f39;color:#8794a0}.legend{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:12px;color:var(--sub);font-size:12px}.legend i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:5px}.summary{text-align:center;color:var(--sub);font-size:13px;margin-bottom:12px}.cards{display:flex;justify-content:center;gap:12px;padding:18px}.playing{display:grid;place-items:center;width:68px;height:94px;border-radius:9px;background:#f5f7f9;color:#17202a;font-weight:900;font-size:27px}.playing.red{color:#d5324d}.playing small{font-size:20px}.feedback{text-align:center;min-height:28px;padding-top:12px;font-weight:800}.good{color:var(--green)}.bad{color:var(--red)}.primary{display:block;margin:10px auto;background:#67adff;color:#081321}.score{text-align:center;color:var(--sub);font-size:12px}.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.home-card{display:flex;min-height:165px;flex-direction:column;justify-content:space-between;padding:20px;border:1px solid var(--line);border-radius:16px;background:#141d26;text-decoration:none}.home-card h2{font-size:19px;margin:8px 0}.home-card p{color:var(--sub);font-size:13px;margin:0}.go{color:#9fc9fa;font-weight:800}.hero{text-align:center}.group-list{border:1px solid var(--line);border-radius:12px;padding:10px;background:#111820}.group-list summary{cursor:pointer;font-weight:800}.group-list details{margin-top:7px;padding:9px;border:1px solid var(--line);border-radius:9px}.catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:5px}.catalog button{padding:8px;text-align:left;font-size:11px;color:var(--sub);background:#0e141a;border:1px solid var(--line);border-radius:8px}.sponsor iframe{display:block;width:100%;height:100px;border:0;background:transparent}footer{text-align:center;color:#748392;font-size:11px;padding:20px}@media(max-width:520px){.shell{padding:8px 11px}.panel,.notice{padding:12px}.controls{grid-template-columns:1fr 1fr}.grid{gap:2px}}

/* Home screen refresh */
.home-shell{max-width:1120px;padding:18px 24px 30px}.home-shell .study-nav{position:relative;top:auto;margin:0;display:flex;justify-content:flex-end}.home-shell .study-nav summary{padding:9px 15px;border-color:#34473f;background:#111a18;color:#d8f5e5;letter-spacing:.12em;font-size:12px}.home-shell .study-nav nav{right:0;min-width:210px;box-shadow:0 16px 36px #0009}.home-header{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:15px 2px 22px;border-bottom:1px solid #24312e}.home-header .brand{font-size:17px;letter-spacing:.14em}.home-header p{margin:0;color:#8ca99b;font-size:10px;font-weight:800;letter-spacing:.2em}.home-main{gap:22px;padding-top:24px}.home-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:230px;padding:30px 38px;border:1px solid #29493a;border-radius:24px;background:radial-gradient(ellipse at 75% 55%,#18382c 0%,#14221e 35%,#111820 78%);overflow:hidden}.home-hero-copy{position:relative;z-index:1}.home-eyebrow{display:inline-flex;padding:6px 10px;border:1px solid #397355;border-radius:999px;color:#8fe0b4;font-size:10px;font-weight:900;letter-spacing:.16em}.home-hero h1{margin:14px 0 7px;font-size:clamp(27px,4.4vw,43px);line-height:1.17;letter-spacing:-.035em}.home-hero p{max-width:500px;margin:0;color:#adbbb5;font-size:14px}.hero-table-art{position:relative;flex:0 0 260px;height:165px;display:grid;place-items:center}.hero-table-rim{width:238px;height:135px;padding:9px;border:2px solid #69b58c;border-radius:50%;background:linear-gradient(145deg,#23583e,#10251b);box-shadow:0 0 35px #3aaf6b25, inset 0 0 15px #a8ffd533;transform:rotate(-8deg)}.hero-table-felt{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:15px;border:1px solid #397654;border-radius:50%;background:radial-gradient(ellipse,#1a5237,#123423 70%);color:#b5f1cf;font-size:22px}.hero-table-felt b{font-size:13px;letter-spacing:.2em;color:#d8f7e4}.hero-table-felt i{font-style:normal;color:#ff7d88}.hero-chip{position:absolute;z-index:2;display:grid;place-items:center;width:43px;height:58px;border:2px solid #e8eef2;border-radius:7px;background:#f7f8f5;color:#18221e;font-size:15px;font-weight:900;box-shadow:0 6px 15px #0008;transform:rotate(12deg)}.chip-one{right:32px;top:8px}.chip-two{left:29px;bottom:8px;color:#d8495d;transform:rotate(-13deg)}.home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.home-shell .home-card{position:relative;min-height:325px;justify-content:flex-start;gap:10px;padding:20px 21px 17px;border:1px solid #2c3c3a;border-radius:20px;background:linear-gradient(155deg,#18221f,#12191b 70%);box-shadow:0 10px 28px #0003;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.home-shell .home-card:hover,.home-shell .home-card:focus-visible{transform:translateY(-5px);border-color:#65c28f;box-shadow:0 18px 34px #0006,0 0 0 2px #65c28f22;outline:none}.mode-top{display:flex;align-items:center;justify-content:space-between}.mode-number{color:#e2eee7;font-size:12px;font-weight:900;letter-spacing:.14em}.mode-tag{padding:5px 8px;border:1px solid #34453d;border-radius:999px;color:#9fb3a8;font-size:9px;font-weight:900;letter-spacing:.12em}.mode-art{position:relative;display:flex;align-items:center;justify-content:center;height:88px;margin:0 -2px;color:#8ce1ad}.cards-art span,.cards-art b,.cards-art i{position:absolute;display:grid;place-items:center;width:53px;height:68px;border:1px solid #dce6e0;border-radius:8px;background:#f1f5f2;color:#16231b;font-size:28px;font-style:normal;box-shadow:0 8px 17px #0006}.cards-art span{transform:rotate(-14deg) translateX(-20px)}.cards-art b{color:#d64b5d;transform:rotate(12deg) translateX(18px)}.cards-art i{z-index:-1;background:#c8e3d3;transform:rotate(1deg) translateY(-5px)}.seats-art{width:135px;height:82px;align-self:center;border:2px solid #3c7655;border-radius:50%;background:radial-gradient(ellipse,#1b4a32,#12251b);box-shadow:inset 0 0 12px #0008}.seats-art i{position:absolute;width:10px;height:10px;border:2px solid #9be4b8;border-radius:50%;background:#193d2b}.seats-art i:nth-child(1){top:-5px;left:60px}.seats-art i:nth-child(2){top:6px;right:10px}.seats-art i:nth-child(3){top:35px;right:-7px}.seats-art i:nth-child(4){bottom:5px;right:12px}.seats-art i:nth-child(5){bottom:-6px;left:60px}.seats-art i:nth-child(6){bottom:5px;left:12px}.seats-art i:nth-child(7){top:35px;left:-7px}.seats-art i:nth-child(8){top:6px;left:12px}.seats-art i:nth-child(9){display:none}.seats-art b{position:absolute;color:#b8e9ca;font-size:11px;letter-spacing:.1em}.cash-art{gap:12px}.cash-art>span{font-size:40px;color:#91e2ad}.cash-chip{display:grid;place-content:center;width:60px;height:60px;border:5px dashed #c7a96e;border-radius:50%;background:radial-gradient(circle,#d6bd83 0 48%,#795f34 51%);color:#2b2519;font-size:16px;font-weight:900;text-align:center;line-height:1}.cash-chip small{font-size:9px}.home-card h2{margin:2px 0 0;font-size:21px;letter-spacing:-.02em}.home-shell .home-card p{min-height:44px;color:#aab7b1;font-size:12px;line-height:1.65}.mode-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid #2b3733}.mode-bottom>span{color:#85978e;font-size:9px;font-weight:800;letter-spacing:.08em}.mode-bottom strong{color:#a7e9bd;font-size:11px;white-space:nowrap}.mode-bottom strong b{padding-left:5px;font-size:15px}.mode-push{border-top:3px solid #54d69b!important}.mode-tournament{border-top:3px solid #67adff!important}.mode-cash{border-top:3px solid #e1b86d!important}.mode-tournament .mode-number,.mode-tournament .mode-bottom strong{color:#9bc8ff}.mode-cash .mode-number,.mode-cash .mode-bottom strong{color:#e9c889}.home-tip{margin:0;text-align:center;color:#a6b4ad;font-size:12px}.home-tip span{padding-right:5px;color:#b5e68b}.home-shell>.sponsor{margin-top:10px}.home-shell footer{border-top:1px solid #202b28;margin-top:6px;color:#75877e;letter-spacing:.12em}.home-shell footer span{color:#54d69b}
@media(max-width:760px){.home-shell{padding:12px 16px 24px}.home-grid{grid-template-columns:1fr}.home-shell .home-card{min-height:285px}.home-hero{min-height:205px;padding:25px}.hero-table-art{flex-basis:185px;transform:scale(.82);transform-origin:right center;margin-left:-25px}}
@media(max-width:520px){.home-shell{padding:8px 12px 20px}.home-header{padding:12px 2px 17px}.home-header .brand{font-size:15px}.home-header p{font-size:8px}.home-main{gap:15px;padding-top:16px}.home-hero{min-height:0;padding:22px 19px}.home-hero h1{font-size:28px}.home-hero p{max-width:95%;font-size:12px}.hero-table-art{position:absolute;right:1px;opacity:.2;transform:scale(.72);pointer-events:none}.home-grid{gap:11px}.home-shell .home-card{min-height:260px;padding:17px}.mode-art{height:72px}.home-shell .home-card p{min-height:auto}.home-tip{font-size:11px}}
@media(prefers-reduced-motion:reduce){.home-shell .home-card{transition:none}}

.contact-line{display:inline-block;margin-top:7px;color:#94bda2!important;font-size:11px;letter-spacing:0}.site-footer{text-align:center;color:#75877e;font-size:10px;padding:18px 0 8px;letter-spacing:.08em}.site-footer .contact-line{display:block}
.contact-line{text-decoration:none}.contact-line:hover,.contact-line:focus-visible{text-decoration:underline;text-underline-offset:3px}
.home-promo{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:102px;padding:17px 21px;border:1px solid #2d4939;border-radius:18px;background:radial-gradient(ellipse at 15% 50%,#173525,#111a16 72%);box-shadow:0 8px 23px #0003}.promo-copy{min-width:0}.promo-kicker{display:flex;gap:10px;align-items:center;color:#82dca7;font-size:9px;font-weight:900;letter-spacing:.17em}.promo-kicker i{color:#74877c;font-size:9px;font-style:normal;letter-spacing:.08em}.promo-message{margin:7px 0 0;color:#e0ece4;font-size:clamp(14px,2.3vw,18px);font-weight:700;line-height:1.4}.promo-image{display:block;max-width:min(48%,300px);max-height:74px;object-fit:contain;border-radius:9px}.promo-image-link{display:block;flex:0 0 auto}.promo-image-link:focus-visible{outline:2px solid #c9f08b;outline-offset:3px}.promo-controls{display:flex;align-items:center;gap:6px;flex:0 0 auto}.promo-controls button{display:grid;place-items:center;width:31px;height:31px;border:1px solid #354b3c;border-radius:50%;background:#111a15;color:#cae2d0;font-size:14px;cursor:pointer}.promo-controls button:hover,.promo-controls button:focus-visible{border-color:#a7d875;color:#e6f8ae;outline:none}.promo-dots{display:flex;align-items:center;gap:5px;padding:0 3px}.promo-dot{width:7px!important;height:7px!important;padding:0;border:0!important;background:#506257!important}.promo-dot[aria-current="true"]{width:18px!important;border-radius:9px!important;background:#a7d875!important}.promo-copy.changing{animation:promoFade .28s ease}@keyframes promoFade{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.home-promo{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.promo-controls{align-self:flex-end}.promo-message{font-size:14px}.promo-image{max-width:100%;max-height:110px}}
@media(prefers-reduced-motion:reduce){.promo-copy.changing{animation:none}}
.ref-seat.candidate{border-style:dashed}

/* Login-free saved study progress and backup controls */
.study-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:18px 0;padding:16px 18px;border:1px solid #29463c;background:linear-gradient(135deg,#101a18,#111820)}
.study-tools-copy{display:grid;gap:4px}.study-tools-copy strong{color:#72dcae;font-size:1rem}.study-tools-copy span{color:#e3e9ed}.study-tools-copy small,#progressMessage{color:#9aaab2}.study-tools-actions{display:flex;flex-wrap:wrap;gap:8px}.study-tools-actions button{border:1px solid #385448;border-radius:10px;background:#18241f;color:#dbe9e1;padding:9px 12px;font:inherit;cursor:pointer}.study-tools-actions button:hover:not(:disabled){border-color:#62d7a2;color:#75e5b4}.study-tools-actions button:disabled{opacity:.5;cursor:not-allowed}#progressMessage{flex-basis:100%;margin:0;font-size:.85rem}
@media(max-width:640px){.study-tools{align-items:stretch}.study-tools-actions button{flex:1 1 42%}}