:root{color:#ecf3f7;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--gold:#e7ca83;--gap:clamp(6px,1.6vw,22px);--table-pad:clamp(12px,4vw,54px);--step:clamp(23px,3.25vw,41px);--ink:#132d42;--card-radius:7px;--card-border:#f5f1e7;--surface:#102e4d;--ui-border:#ffffff20;background:#081e32;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.auto-complete-card{box-shadow:0 12px 40px #0006,0 0 0 2px #e7ca8399,0 0 25px #e7ca834d!important}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.38}button,select{color:inherit}button:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #ffda78;z-index:40!important}button{border:1px solid var(--ui-border);background:#ffffff09;border-radius:6px;padding:9px 15px;transition:background .15s,box-shadow .15s}button:hover:not(:disabled){background:#ffffff16}button:active:not(:disabled){filter:brightness(.94)}button[hidden],[hidden]{display:none!important}#app{background:var(--surface);flex-direction:column;width:100%;max-width:1440px;min-height:100dvh;margin:auto;display:flex;position:relative;overflow:hidden;container-type:inline-size}.window-bar{color:#b9c9d5;background:#091c30;border-bottom:1px solid #ffffff0c;justify-content:space-between;align-items:center;height:34px;padding:0 16px;font-size:11px;display:flex}.window-title{align-items:center;gap:8px;display:flex}.app-icon{color:var(--gold);font-size:19px}.window-tools{gap:6px;display:flex}.window-tools button{background:0 0;border:0;padding:2px 8px;font-size:18px;line-height:1.3}.toolbar{padding:22px var(--table-pad);border-bottom:1px solid var(--ui-border);background:linear-gradient(110deg,#183550,#0e2843);justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{color:var(--gold);font-size:42px}h1{letter-spacing:-1.5px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(24px,3.5vw,38px);font-weight:400}.brand div>span{letter-spacing:2.5px;color:#93abbf;margin-top:5px;font-size:8px;display:block}.toolbar-actions{align-items:center;gap:9px;font-size:12px;display:flex}.toolbar-actions>button:first-child{background:var(--gold);border-color:var(--gold);color:#20324a;font-weight:650}.toolbar-actions>button:first-child:hover{background:#f5dda2}.era-button{justify-content:space-between;align-items:center;gap:20px;min-width:145px;display:flex}.icon-button{border-radius:50%;width:30px;height:30px;padding:0;font-family:Georgia,serif;font-size:17px}#table{padding:18px var(--table-pad) 54px;background:radial-gradient(at 50% 5%,#28557855,#0000 70%),radial-gradient(at 50% 80%,#0b254a80,#0000 65%),repeating-linear-gradient(30deg,#ffffff01 0 1px,#0000 1px 4px),#10314f;flex:1;position:relative}.table-meta{color:#89a7bf;letter-spacing:1.7px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:33px;font-size:10px;line-height:1.5;display:flex}.stats{letter-spacing:0;gap:24px;font-size:10px;display:flex}.stats span{align-items:center;gap:9px;display:flex}.stats b{font-variant-numeric:tabular-nums;color:#f6f2e5;min-width:12px;font-size:13px;font-weight:500}.clock-stat b{min-width:40px}#board{--card-w:calc((100cqw - var(--gap)*6)/7);--card-h:calc(var(--card-w)*1.4);z-index:1;width:100%;max-width:1100px;margin:0 auto;position:relative;container-type:inline-size}.top-piles,.tableau{gap:var(--gap);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.top-piles{margin-bottom:clamp(25px,4vw,49px)}.pile{min-height:var(--card-h);position:relative}.pile-label{text-align:center;white-space:nowrap;letter-spacing:1.4px;color:#8eacc3;width:100%;font-size:8px;position:absolute;top:-20px;left:0}.pile-label small{color:var(--gold);letter-spacing:0;margin-left:4px;font-size:9px}.card{width:100%;height:var(--card-h);border-radius:var(--card-radius);color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:none;background:#fffcf4;border:1px solid #d2d4cd;margin:0;padding:0;transition:box-shadow .15s;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 2px 3px #0004,0 7px 13px #06142233;container-type:inline-size}.card:hover:not(:disabled){background:#fffdf8;box-shadow:0 0 0 2px #e5c780aa,0 6px 14px #0005}.card.red{color:#bf3440}.corner{z-index:1;flex-direction:column;align-items:center;font-family:Georgia,Times New Roman,serif;font-size:clamp(14px,23cqw,32px);font-weight:600;line-height:.95;display:flex;position:absolute;top:5%;left:7%}.corner small{margin-top:2px;font-size:78%}.corner.bottom{inset:auto 7% 5% auto;transform:rotate(180deg)}.pips{width:54%;height:70%;font-family:Georgia,Times New Roman,serif;font-size:clamp(12px,24cqw,36px);position:absolute;top:15%;left:23%}.pips i{font-style:normal;line-height:1;position:absolute;transform:translate(-50%,-50%)}.ace-pip{width:100%;font-family:Georgia,serif;font-size:62cqw;line-height:1;position:absolute;top:50%;left:0;transform:translateY(-50%)}.court{background:repeating-linear-gradient(45deg,#caab7010 0 3px,#0000 3px 6px);border:1px solid #c3a66e88;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:15% 23%}.crown{color:#ad873c;font-size:26cqw;line-height:.8}.court-rank{font-family:Georgia,serif;font-size:38cqw;line-height:1.15}.court-suit{font-size:21cqw;line-height:1}.court-rule{pointer-events:none;border:1px solid #c3a66e40;position:absolute;inset:4px}.card.back{background:#eee9db;border:3px solid #f2eee2;padding:3px}.back-pattern{color:#e5c885;background:repeating-linear-gradient(45deg,#0000 0 7px,#b4c7d433 7px 8px),repeating-linear-gradient(-45deg,#0000 0 7px,#b4c7d433 7px 8px),#1b4467;border:1px solid #b1a179;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.back-pattern:before{content:"";border:1px solid #e5c88588;position:absolute;inset:5%}.back-pattern>span{aspect-ratio:1;background:#1b4467;border:1px solid #ad9d73;place-items:center;width:67%;font-size:48cqw;line-height:1;display:grid;transform:rotate(45deg)}.slot,.slot:hover:not(:disabled){color:#99bed440;background:#03182d16;border:1px solid #a1bdcd35;box-shadow:inset 0 0 20px #01122522}.slot>span{font-family:Georgia,serif;font-size:48cqw;line-height:1}.slot .recycle-icon{font-family:system-ui,sans-serif;font-size:44cqw}.recycle>span{color:#cfdeb0aa}.empty-column>span{opacity:.6;font-size:26cqw}.waste .card:not(.slot){left:calc(var(--fan)*13%);width:100%}.buried,.decorative{pointer-events:none}.card.selected{background:#fff9df;box-shadow:0 0 0 3px #f7d475,0 7px 18px #0006}.legal-target:after,.hint-target:after{content:"";pointer-events:none;z-index:30;border:2px dashed #f3d37ca6;border-radius:9px;position:absolute;inset:-4px}.hint-target:after{border:3px solid #ffe58b;box-shadow:0 0 20px #efce7766}.card.hinted{animation:1s ease-in-out infinite hint-pulse;box-shadow:0 0 0 3px #ffe58b,0 0 24px #efce77}.table-watermark{text-align:center;color:#8eb8d02b;letter-spacing:3px;pointer-events:none;width:100%;font-size:8px;position:absolute;bottom:17px;left:0}.table-watermark span{margin-right:8px;font-size:15px}.bottom-bar{padding:15px var(--table-pad);border-top:1px solid var(--ui-border);background:#0e2843;justify-content:space-between;align-items:center;gap:12px;display:flex}.play-actions{align-items:center;gap:9px;display:flex}.play-actions button{min-height:38px;font-size:12px}.play-actions button span{vertical-align:-1px;color:var(--gold);margin-right:7px;font-size:19px}.draw-control{color:#a0b4c8;align-items:center;gap:10px;font-size:11px;display:flex}.draw-control select{cursor:pointer;color:#f0f3f5;background:#0f2a43;border:1px solid #ffffff20;border-radius:5px;padding:9px;font-size:12px}.status-line{color:#8ca8c1;text-align:center;background:#0b2239;min-height:32px;padding:8px 12px;font-size:10px;line-height:1.5}.drag-ghost{pointer-events:none;z-index:1000;filter:drop-shadow(0 15px 15px #0005);position:fixed;transform:rotate(-2deg)}.drag-ghost .card{width:100%}.dragging,.dragging *{cursor:grabbing!important}#portal-pause{z-index:1100;letter-spacing:1px;background:#081d32ed;place-items:center;font-size:24px;display:grid;position:fixed;inset:0}dialog{color:#eaf0f5;background:#11283d;border:1px solid #9eb9cf33;border-radius:16px;width:min(850px,100% - 32px);max-height:calc(100dvh - 32px);padding:34px;overflow:auto;box-shadow:0 25px 120px #0008}dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#031424b8}.modal-eyebrow{letter-spacing:2.8px;color:#cdb681;margin-bottom:13px;font-size:9px}h2{letter-spacing:-1px;margin:0 0 10px;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,4vw,40px);font-weight:400}.modal-intro{color:#aebfce;margin:0 0 25px;font-size:13px;line-height:1.7}.era-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.era-choice{text-align:left;background:#ffffff03;border:1px solid #aecad324;border-radius:9px;padding:0;transition:transform .2s,border-color .2s;overflow:hidden}.era-choice:hover:not(:disabled){background:#ffffff07;border-color:#e6c98b;transform:translateY(-4px)}.era-choice.current{border-color:#b6a16c}.era-preview{background:#007e3b;height:150px;display:block;position:relative;overflow:hidden}.mini-window{background:linear-gradient(#4498fa,#0c51d8 50%,#1661e5);align-items:center;gap:5px;height:18px;padding-left:7px;display:flex;box-shadow:0 1px 2px #0004}.mini-window span{background:#fff;border-radius:1px;width:8px;height:9px}.mini-window i{color:#fff;font-size:7px;font-style:normal}.mini-card{color:#b93139;background:#fffef6;border-radius:4px;width:62px;height:87px;padding:6px;font-family:Georgia,serif;font-size:20px;display:block;position:absolute;top:43px;left:calc(50% - 49px);transform:rotate(-14deg);box-shadow:0 4px 7px #0004}.mini-card small{line-height:1;display:block}.mini-card:after{content:"♥";font-size:31px;position:absolute;bottom:13px;right:12px}.mini-two{color:#193347;top:49px;left:calc(50% - 2px);transform:rotate(13deg)}.mini-two:after{content:"♠"}.era-year{color:#ffffff35;font-size:29px;font-weight:200;position:absolute;bottom:6px;right:10px}.preview-aero{background:radial-gradient(at 70% 40%,#acd99266,#0000 60%),repeating-linear-gradient(115deg,#0000 0 55px,#b9e8c414 55px 85px),linear-gradient(140deg,#244342,#429359)}.preview-aero .mini-window{background:linear-gradient(#c7e3e8aa,#729eac55);border-bottom:1px solid #e3f5eb99}.preview-modern{background:radial-gradient(at 30% 30%,#36658a,#0000 90%),#102d4a}.preview-modern .mini-window{background:#142c40}.era-copy{flex-direction:column;padding:17px;display:flex}.era-copy>small{letter-spacing:1.2px;color:#a3b7c7;margin-bottom:5px;font-size:9px}.era-copy>strong{font-family:Georgia,serif;font-size:22px;font-weight:400}.era-copy>span{color:#9cb0c1;min-height:38px;margin:9px 0 21px;font-size:11px;line-height:1.7}.era-copy>b{letter-spacing:1.5px;color:#dbc18a;justify-content:space-between;font-size:9px;font-weight:500;display:flex}.modal-foot{justify-content:space-between;align-items:center;gap:15px;margin-top:23px;display:flex}.modal-foot>span{color:#91a7ba;font-size:10px}.modal-foot button,.modal-buttons button{padding:11px 17px;font-size:12px}.modal-buttons{flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.primary{color:#163149;background:#e7ca83;border-color:#e7ca83}.primary:hover:not(:disabled){background:#f3dba6}.help-content{color:#b0c0ce;font-size:13px;line-height:1.7}.help-content b{color:#edebdf;margin-right:5px}.pause-symbol{color:#e7ca83;margin-bottom:20px;font-size:40px}.win-suits{letter-spacing:12px;color:#e7ca83;margin:0 0 23px;font-family:Georgia,serif;font-size:55px}.win-suits span{color:#e18c88}.win-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.win-confetti i{width:5px;height:10px;animation:confetti 3s calc(var(--n)*-.13s) ease-in infinite;background:#dfc383;position:absolute;top:-12px}.win-confetti i:nth-child(2n){background:#80bcb1}.win-confetti i:nth-child(3n){background:#d7888f}@keyframes confetti{to{opacity:0;transform:translateY(500px)rotate(480deg)}}@keyframes hint-pulse{50%{box-shadow:0 0 0 3px #ffe58b,0 0 10px #efce77}}body[data-era=xp]{--surface:green;--ink:#101010;--card-radius:3px;--gold:#fff9bb;--ui-border:#8c8c83;background:#005600;font-family:Tahoma,Segoe UI,sans-serif}body[data-era=xp] .window-bar{color:#fff;text-shadow:1px 1px #073b9f;background:linear-gradient(#63a2ff 0,#176cf2 15%,#0955dc 70%,#2477ed);border:2px solid #0755e1;border-bottom:0;height:32px;padding:0 8px;font-size:12px;font-weight:700}body[data-era=xp] .window-tools button{background:linear-gradient(#7cb0ff,#2466d6);border:1px solid #fff9;border-radius:3px;margin:2px 0;padding:2px 6px;line-height:1}body[data-era=xp] .toolbar{color:#151515;background:#ece9d8;border:2px solid #0b58d9;border-top:0;padding:12px 22px}body[data-era=xp] h1{letter-spacing:-.7px;font-family:Tahoma,sans-serif;font-size:23px;font-weight:700}body[data-era=xp] .brand-mark{color:#14612b;font-size:29px}body[data-era=xp] .brand div>span{color:#666859;letter-spacing:1px;font-size:8px}body[data-era=xp] .toolbar-actions button,body[data-era=xp] .bottom-bar button{color:#111;background:linear-gradient(#fff,#eceadf);border:1px solid #888974;border-radius:3px;min-width:0;box-shadow:inset 1px 1px #fff}body[data-era=xp] #table{background:green;border-left:2px solid #0b58d9;border-right:2px solid #0b58d9}body[data-era=xp] .table-meta,body[data-era=xp] .pile-label{color:#d4ecd0}body[data-era=xp] .stats b{color:#fff}body[data-era=xp] .card{background:#fff;border-color:#222;box-shadow:1px 1px #002c00}body[data-era=xp] .card.red{color:#e00000}body[data-era=xp] .card.back{background:#fff;border:2px solid #fff;padding:2px}body[data-era=xp] .back-pattern{background:repeating-conic-gradient(#1848a8 0 25%,#b5ccee 0 50%) 0 0/6px 6px;border:1px solid #14337d}body[data-era=xp] .back-pattern>span{color:#e5eeff;background:#1c4b9f;border:2px double #c5d9ed;font-size:44cqw}body[data-era=xp] .back-pattern:before{border-color:#f2f2f2}body[data-era=xp] .slot{color:#ffffff48;background:#007400;border:1px solid #005900;box-shadow:inset 1px 1px #00450088}body[data-era=xp] .card.selected{background:#eef4ff;box-shadow:0 0 0 3px #ffff4b}body[data-era=xp] .bottom-bar{color:#171717;background:#ece9d8;border:2px solid #0b58d9;border-bottom:0;padding-top:10px;padding-bottom:10px}body[data-era=xp] .play-actions button span{color:#234882}body[data-era=xp] .draw-control{color:#111}body[data-era=xp] select{color:#111;background:#fff;border:1px solid #7f9db9;border-radius:0}body[data-era=xp] .status-line{color:#222;text-align:left;background:#ece9d8;border:2px solid #0b58d9;border-top:1px solid #b5b3a6;padding-left:18px}body[data-era=xp] .table-watermark{color:#ffffff30}body[data-era=aero]{--surface:#174a37;--ink:#183528;--gold:#e6f1c0;--ui-border:#d1f1e13d;--card-radius:9px;background:#133e31}body[data-era=aero] .window-bar{color:#122c32;text-shadow:0 0 7px #fff;background:linear-gradient(110deg,#9bc9cf,#729aab99 35%,#bad3d0bb 60%,#557d95);border:1px solid #e3faff77;height:35px}body[data-era=aero] .app-icon{color:#245344}body[data-era=aero] .toolbar{background:linear-gradient(#effff722,#d5ffeb03 50%,#061f1822),#377052;border:1px solid #cde8d25c;padding-top:19px;padding-bottom:19px}body[data-era=aero] h1{letter-spacing:-1px;font-family:Segoe UI,sans-serif;font-weight:300}body[data-era=aero] .brand div>span{color:#bad3c3;letter-spacing:1.5px}body[data-era=aero] #table{background:radial-gradient(at 55% 15%,#a7d88544,#0000 65%),repeating-linear-gradient(120deg,#0000 0 130px,#d2f8c704 130px 190px),radial-gradient(at 50% 20%,#397654,#163e30 90%);border:1px solid #d2ead32b}body[data-era=aero] .table-meta,body[data-era=aero] .pile-label{color:#b6d5bb}body[data-era=aero] .back-pattern{background:radial-gradient(#6e9b7e,#244d47);border:1px solid #bddcc5}body[data-era=aero] .back-pattern:before{border:3px double #c9ddaa77;border-radius:50%;inset:8% 15%}body[data-era=aero] .back-pattern>span{color:#d2e8c4;background:0 0;border:0;font-size:63cqw;transform:rotate(0)}body[data-era=aero] .bottom-bar{background:linear-gradient(#deffec20,#0f332522),#234f3b}body[data-era=aero] .status-line{color:#b3c9b4;background:#153c2c}body[data-era=aero] select{color:#f2f5e9;background:#224f3b}body[data-era=aero] .toolbar-actions>button:first-child{color:#1a4437;background:linear-gradient(ivory,#c9dcc0);border-color:#f1ffe5}body[data-era=aero] .slot{color:#cce3b944;background:#12332630;border-color:#d0e6bb44}body[data-era=aero] .table-watermark{color:#d7eabd35}@media (width>=1200px){:root{--step:39px}#table{padding-top:24px}.table-meta{margin-bottom:38px}}@media (width<=650px){:root{--table-pad:14px;--gap:8px;--step:29px;--card-radius:4px}.toolbar{padding:16px var(--table-pad);gap:9px}.brand{gap:8px}.brand-mark{font-size:31px}h1{font-size:28px}.brand div>span{letter-spacing:1.5px;font-size:6px}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:220px;font-size:10px}.toolbar-actions button{padding:8px 10px}.toolbar-actions .icon-button{width:26px;height:26px;padding:0}.era-button{gap:9px;min-width:118px}#table{min-height:360px;padding-top:17px}.table-meta{letter-spacing:1px;gap:6px;margin-bottom:31px;font-size:8px}.stats{gap:12px;font-size:9px}.stats span{gap:5px}.stats b{font-size:11px}.top-piles{margin-bottom:34px}.pile-label{letter-spacing:.4px;font-size:6px;top:-16px}.pile-label small{margin-left:2px;font-size:7px}.corner{font-size:25cqw;top:6%;left:6%}.corner small{margin-top:1px}.corner.bottom{bottom:6%;right:6%}.pips{width:46%;font-size:24cqw;left:27%}.card.back{border-width:2px;padding:2px}.back-pattern>span{font-size:40cqw}.court{inset:21% 24%}.court-rule{inset:2px}.crown{font-size:22cqw}.court-rank{font-size:32cqw}.court-suit{font-size:19cqw}.bottom-bar{padding:12px var(--table-pad);gap:8px}.play-actions{gap:5px}.play-actions button{padding:8px 10px;font-size:10px}.play-actions button span{margin-right:3px;font-size:16px}.draw-control{gap:5px;font-size:10px}.draw-control select{padding:8px 5px;font-size:10px}.status-line{padding:8px 14px;font-size:9px}.table-watermark{letter-spacing:1.8px;font-size:6px}.window-bar{height:28px;font-size:9px}.window-tools button{font-size:16px}dialog{border-radius:12px;width:calc(100% - 24px);padding:24px}.era-grid{gap:9px}.era-preview{height:115px}.mini-card{width:44px;height:65px;font-size:16px;top:32px;left:calc(50% - 33px)}.mini-card:after{font-size:24px;bottom:7px;right:6px}.mini-two{top:37px;left:calc(50% - 1px)}.era-year{font-size:22px}.era-copy{padding:11px}.era-copy>small{letter-spacing:.5px;font-size:8px}.era-copy>strong{font-size:18px}.era-copy>span{min-height:50px;margin-bottom:14px;font-size:10px}.era-copy>b{letter-spacing:.5px;font-size:7px}.modal-eyebrow{letter-spacing:1.5px;font-size:8px}.modal-foot{align-items:flex-start}.modal-foot>span{font-size:9px;line-height:1.6}.modal-foot button{white-space:nowrap;font-size:10px}.win-suits{font-size:37px}body[data-era=xp] .toolbar{padding:12px}body[data-era=xp] h1{font-size:22px}}@media (width<=420px){:root{--table-pad:10px;--gap:5px;--step:28px}.toolbar{padding:13px 10px}.brand-mark{display:none}h1{font-size:26px}.brand div>span{letter-spacing:1px;font-size:5px}.toolbar-actions{max-width:215px;font-size:9px}.era-button{min-width:108px}.toolbar-actions button{padding:8px}.stats{gap:9px}.table-meta{font-size:7px}.draw-control{gap:3px}.play-actions button{padding:8px}.play-actions button span{margin-right:2px}.bottom-bar{gap:5px}.era-grid{grid-template-columns:1fr}.era-choice{min-height:108px;display:flex}.era-preview{width:105px;min-width:105px;height:auto;min-height:115px}.era-copy{flex:1;padding:12px}.era-copy>strong{font-size:21px}.era-copy>span{min-height:0;margin:4px 0 9px;font-size:10px}.era-copy>b{font-size:8px}.modal-intro{margin-bottom:19px;font-size:12px}dialog{padding:22px}h2{font-size:29px}.modal-foot{margin-top:17px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width>=651px) and (height<=850px){#board{min-width:min(100%,700px);max-width:calc(225dvh - 877.5px)}.toolbar{padding-top:15px;padding-bottom:15px}#table{padding-bottom:34px}.table-meta{margin-bottom:27px}.top-piles{margin-bottom:32px}.bottom-bar{padding-top:10px;padding-bottom:10px}}.vision-choice{color:#111;text-align:left;background:#fff;border:3px solid #ffe600;border-radius:8px;align-items:center;gap:18px;width:100%;margin:0 0 20px;padding:18px;display:flex}.vision-choice:hover:not(:disabled){outline-offset:3px;background:#fff;outline:3px solid #ffe600}.vision-choice>span:last-child{flex-direction:column;gap:8px;display:flex}.vision-choice strong{font:800 24px/1.2 Arial,sans-serif}.vision-choice>span:last-child>span{font:16px/1.4 Arial,sans-serif}.vision-preview{background:#fff;gap:8px;display:flex}.vision-preview i{font:38px/1 Arial,sans-serif}.vision-preview [data-suit="0"]{color:#111}.vision-preview [data-suit="1"]{color:#b00020}.vision-preview [data-suit="2"]{color:#111}.vision-preview [data-suit="3"]{color:#b00020}body[data-era=clear]{--surface:#101010;--ink:#111;--gold:#ffe600;--ui-border:#fff;--table-pad:20px;--gap:14px;--step:76px;--card-radius:5px;color:#fff;background:#101010;font-family:Arial,sans-serif}body[data-era=clear] *,body[data-era=clear] :before,body[data-era=clear] :after{text-shadow:none;scroll-behavior:auto;transition:none!important;animation:none!important}body[data-era=clear] :is(.window-bar,.toolbar,.bottom-bar,.status-line,#table){color:#fff;background:#101010;border-color:#fff}body[data-era=clear] .window-bar{flex-wrap:wrap;gap:8px;height:auto;min-height:52px;padding:8px 20px;font-size:16px}body[data-era=clear] .window-tools{gap:10px}body[data-era=clear] .toolbar{flex-wrap:wrap;padding:16px 20px}body[data-era=clear] h1{letter-spacing:0;font:700 34px/1.2 Arial,sans-serif}body[data-era=clear] .brand div>span{letter-spacing:0;color:#fff;font-size:16px}body[data-era=clear] .toolbar-actions{flex-wrap:wrap;justify-content:flex-start;gap:12px;max-width:none}body[data-era=clear] button:not(.card):not(.era-choice):not(.vision-choice),body[data-era=clear] select{color:#fff;background:#101010;border:2px solid #fff;border-radius:5px;min-width:48px;min-height:48px;padding:10px 16px;font:700 18px/1.25 Arial,sans-serif}body[data-era=clear] button:not(.card):hover:not(:disabled){color:#fff;background:#333}body[data-era=clear] :is(#new-game,.primary){color:#111!important;background:#ffe600!important;border-color:#ffe600!important}body[data-era=clear] button:disabled{opacity:1;color:#bdbdbd!important;background:#222!important;border-color:#777!important}body[data-era=clear] :is(button,select,#board-scroll):focus-visible{outline-offset:4px;outline:4px solid #ffe600}body[data-era=clear] #table{padding:18px var(--table-pad) 30px;min-width:0}body[data-era=clear] .table-meta{color:#fff;letter-spacing:0;flex-wrap:wrap;gap:12px;margin-bottom:18px;font-size:16px}body[data-era=clear] .stats{flex-wrap:wrap;gap:20px;font-size:18px}body[data-era=clear] .stats b{color:#fff;font-size:22px;font-weight:700}#vision-guide{color:#fff;margin:0 0 16px;font:18px/1.5 Arial,sans-serif}#vision-guide p{margin:8px 0}.suit-groups{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.suit-groups>span{color:#111;background:#fff;border-radius:4px;padding:8px 12px;display:inline-block}.suit-groups b{white-space:nowrap}.suit-groups [data-suit="1"]{color:#b00020}.suit-groups [data-suit="2"]{color:#111}.suit-groups [data-suit="3"]{color:#b00020}.scroll-controls{gap:12px;margin:12px 0;display:flex}body[data-era] #board-scroll{scrollbar-color:#fff #333;max-width:100%;padding:32px 8px 12px;overflow:auto}body[data-era] #board{--step:max(64px,calc(var(--card-w)*.65));width:100%;min-width:840px;max-width:none}body[data-era=clear] .top-piles{margin-bottom:38px}body[data-era=clear] .pile-label{color:#fff;letter-spacing:0;font:700 18px/1.2 Arial,sans-serif;top:-25px}body[data-era=clear] .pile-label small{color:#fff;font-size:16px}body[data-era=clear] .card{color:#111;background:#fff;border:3px solid #fff;box-shadow:0 0 0 1px #111}body[data-era=clear] .card[data-suit="1"]{color:#b00020}body[data-era=clear] .card[data-suit="2"]{color:#111}body[data-era=clear] .card[data-suit="3"]{color:#b00020}body[data-era=clear] .card:hover:not(:disabled){background:#fff;box-shadow:0 0 0 4px #ffe600}body[data-era=clear] .corner.top{flex-direction:row;justify-content:space-between;align-items:center;font:800 44cqw/1 Arial,sans-serif;display:flex;inset:4% 4% auto}body[data-era=clear] .corner small{margin:0;font:700 36cqw/1 Arial,sans-serif}.clear-suit{text-align:center;font:700 64cqw/1 Arial,sans-serif;position:absolute;inset:auto 0 6%}body[data-era=clear] .card.back{background:#303030;padding:6px}body[data-era=clear] .back-pattern{color:#fff;background:#303030;border:2px solid #fff}body[data-era=clear] .back-pattern:before{display:none}body[data-era=clear] .back-pattern>span{background:0 0;border:0;font-size:48cqw;transform:none}body[data-era=clear] .slot{color:#fff;box-shadow:none;background:#101010;border:3px dashed #fff}body[data-era=clear] .foundation .slot{color:#111;background:#fff;border:3px solid #fff}body[data-era=clear] .foundation .slot[data-suit="1"]{color:#b00020}body[data-era=clear] .foundation .slot[data-suit="2"]{color:#111}body[data-era=clear] .foundation .slot[data-suit="3"]{color:#b00020}body[data-era=clear] .slot>span{opacity:1;font:700 64cqw/1 Arial,sans-serif}body[data-era=clear] .empty-column>span{font-size:44cqw}body[data-era=clear] .card.selected,body[data-era=clear] .card.hinted{outline-offset:1px;background:#fff;outline:5px solid #ffe600;box-shadow:0 0 0 8px #111}body[data-era=clear] :is(.legal-target,.hint-target):after{box-shadow:none;border:4px dashed #ffe600;inset:-6px}body[data-era=clear] .table-watermark,body[data-era=clear] .win-confetti{display:none}body[data-era=clear] .bottom-bar{flex-wrap:wrap;gap:16px;padding:16px 20px}body[data-era=clear] .play-actions{flex-wrap:wrap;gap:12px}body[data-era=clear] .draw-control{color:#fff;font-size:18px}body[data-era=clear] .status-line{text-align:left;border-top:1px solid #fff;padding:14px 20px;font-size:18px;line-height:1.5}body[data-era=clear] dialog{color:#fff;background:#101010;border:3px solid #fff}body[data-era=clear] dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000e}body[data-era=clear] :is(.modal-intro,.modal-foot>span,.modal-eyebrow,.help-content,.help-content b,.era-copy>span,.era-copy>small,.era-copy>b){color:#fff;letter-spacing:0;font-size:18px}body[data-era=clear] .era-copy>strong{font:700 24px/1.3 Arial,sans-serif}body[data-era=clear] .era-choice{background:#101010;border:2px solid #fff}body[data-era=clear] .vision-choice{color:#111!important;background:#fff!important}body[data-era=clear] .modal-foot{flex-wrap:wrap}body[data-era=clear] .drag-ghost{filter:none;transform:none}@media (width>=1100px){body[data-era] :is(.scroll-help,.scroll-controls){display:none}}@media (width<=650px){.vision-choice{flex-wrap:wrap;gap:12px;padding:14px}.vision-choice strong{font-size:22px}.vision-preview i{font-size:30px}body[data-era=clear]{--table-pad:12px}body[data-era=clear] :is(.toolbar,.window-bar,.bottom-bar){padding:12px}body[data-era=clear] .suit-groups{gap:8px;font-size:16px}body[data-era=clear] .stats{gap:14px}}body[data-era=clear] #help{width:auto;height:auto}body[data-era=clear] .slot:not([data-suit]):hover:not(:disabled){color:#fff;background:#303030}body[data-era] #app{height:100dvh;min-height:0}body[data-era] #table{flex-direction:column;min-height:0;padding-top:8px;padding-bottom:8px;display:flex}body[data-era] #board-scroll{flex:1;min-height:0;padding-top:28px}body[data-era] #board{min-height:100%}body[data-era] .window-bar{flex-shrink:0;min-height:48px;padding-top:2px;padding-bottom:2px}body[data-era] .toolbar{flex-shrink:0;padding-top:6px;padding-bottom:6px}body[data-era] .brand div>span{display:none}body[data-era] .table-meta,body[data-era] #vision-guide{margin-bottom:4px}body[data-era] #vision-guide p{margin:2px 0}body[data-era] .suit-groups{display:none}body[data-era] .top-piles{margin-bottom:20px}body[data-era] .bottom-bar{flex-shrink:0;padding-top:6px;padding-bottom:6px}body[data-era] .status-line{flex-shrink:0;padding-top:4px;padding-bottom:4px}body[data-era] .card.compact-index .corner.top{font-size:var(--index-size);top:1px}body[data-era] .card.compact-index .corner small{font-size:var(--index-size)}@media (width<=650px),(height<=550px){body[data-era] #app{height:auto;min-height:100dvh}body[data-era] #board-scroll{flex:none;min-height:280px;max-height:70dvh}}body[data-era] #vision-guide>p:first-child{display:none}body[data-era] #board:not(.choosing-destination) .card[data-source]:hover,body[data-era] .card[data-source]:is(.selected,.held){color:#111;background:#ffe600;border-color:#ffe600}body[data-era] #board:not(.choosing-destination) .card[data-source].red:hover,body[data-era] .card[data-source].red:is(.selected,.held){color:#8b0018}body[data-era] #board .card.drop-card{color:#111;outline-offset:2px;background:#78e49a;border-color:#78e49a;outline:3px solid #78e49a;box-shadow:0 0 0 5px #111}body[data-era] #board .card.drop-card[data-suit="1"],body[data-era] #board .card.drop-card[data-suit="3"]{color:#8b0018}body[data-era] #board.choosing-destination .legal-target:after{border-color:#78e49a}body[data-era] #board .drop-target:after{display:none}body[data-era] #board.choosing-destination .card[data-source]:hover:not(.selected):not(.held):not(.drop-card){box-shadow:none}body[data-era]{--table-pad:20px;--gap:14px}body[data-era] #table{min-width:0}body[data-era] .toolbar{flex-wrap:wrap;padding-left:20px;padding-right:20px}body[data-era] .toolbar-actions{flex-wrap:wrap;max-width:none}body[data-era] .table-meta,body[data-era] .bottom-bar,body[data-era] .play-actions{flex-wrap:wrap}body[data-era] .scroll-controls button{min-width:48px;min-height:48px}body[data-era]:not([data-era=clear]) #vision-guide{font:inherit;color:inherit}body[data-era] .card.compact-index .corner.top{flex-direction:row;justify-content:space-between;align-items:center;line-height:1;left:4%;right:4%}body[data-era] .card.compact-index .corner small{margin:0;line-height:1}@media (width<=650px){body[data-era]{--table-pad:12px}body[data-era] :is(.toolbar,.window-bar,.bottom-bar){padding-left:12px;padding-right:12px}}body[data-era]:not([data-era=clear]) .card.compact-index .corner.top{--traditional-index-size:min(32px,23cqw,var(--index-size));font-size:calc((var(--traditional-index-size) * 3 + var(--index-size)) / 4);justify-content:flex-start;gap:.2em;top:3px;left:7%;right:auto}body[data-era]:not([data-era=clear]) .card.compact-index .corner small{font-size:calc((var(--traditional-index-size) * 2.34 + var(--index-size)) / 4)}.auto-complete-card{will-change:transform;margin:0!important;transition:none!important;box-shadow:0 18px 36px #0005,0 0 0 2px #eed592,0 0 35px #e7ca8370!important}.auto-complete-card:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 25%,#fff8 48%,#0000 70%);position:absolute;inset:0}.finish-spark{pointer-events:none;z-index:1051;background:#ffe9a6;border-radius:50%;width:5px;height:5px;position:fixed;box-shadow:0 0 10px #ffe2a0}.auto-finishing .foundation{filter:drop-shadow(0 0 9px #e7ca8350)}@media (prefers-reduced-motion:reduce){.finish-effect,.win-confetti{display:none!important}}body[data-era=clear] .finish-effect{display:none!important}#dialog{--modal-heading-size:clamp(36px,6vw,56px);--modal-text-size:calc(var(--modal-heading-size) * .75);padding:clamp(24px,5vw,48px)}#dialog .modal-eyebrow{letter-spacing:1.5px;font-size:18px;line-height:1.5}#dialog h2{font-size:var(--modal-heading-size);margin-bottom:20px;line-height:1.15}#dialog :is(.modal-intro,.help-content,.help-content b,.modal-foot>span){font-size:var(--modal-text-size);overflow-wrap:anywhere;line-height:1.6}#dialog .modal-buttons{gap:16px;margin-top:32px}#dialog :is(.modal-buttons,.modal-foot) button{font-size:var(--modal-text-size);white-space:normal;overflow-wrap:anywhere;max-width:100%;min-height:60px;padding:16px 24px;line-height:1.3}#dialog .modal-foot{flex-wrap:wrap}#dialog .era-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#dialog .era-choice,#dialog .era-copy,#dialog .vision-choice>span{min-width:0}#dialog:has(.era-grid){--modal-heading-size:clamp(28px,4vw,40px);--modal-text-size:18px;padding:clamp(22px,4vw,34px)}#dialog:has(.era-grid) .modal-eyebrow{font-size:12px}#dialog:has(.era-grid) h2{margin-bottom:12px}#dialog:has(.era-grid) .modal-foot>span{font-size:15px}#dialog:has(.era-grid) .modal-foot button{min-height:48px;padding:12px 18px}#dialog .era-copy>strong{font-size:22px;line-height:1.3}#dialog .era-copy>span{font-size:15px;line-height:1.5}#dialog :is(.era-copy>small,.era-copy>b){letter-spacing:.5px;font-size:12px}#dialog .vision-choice strong{font-size:22px}#dialog .vision-choice>span>span{font-size:16px}@media (width<=650px){#dialog .modal-buttons{flex-direction:column}#dialog :is(.modal-buttons,.modal-foot) button{width:100%}#dialog .era-choice{display:block}#dialog .era-preview{width:100%}#dialog .era-grid{grid-template-columns:1fr}}