:root{color:#172e3c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#172e3c;--muted:#5c7681;--paper:#f6f6f1;--blue-felt:#d8eafa;--line:#172e3cc7;--soft-line:#172e3c2e;--red:#d8544f;--green:#398066;--yellow:#d4a42e;--blue:#477bb0;--card-shadow:0 5px 12px #19313d33;background:#edf3f4;font-family:Avenir Next,Avenir,Trebuchet MS,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 8% 12%,#ffffffe6,#0000 24rem),linear-gradient(135deg,#f3f5f2 0%,#e7eff1 100%);min-width:320px;min-height:100vh;margin:0}button{color:inherit;font:inherit}button:focus-visible,[role=button]:focus-visible{outline-offset:3px;outline:3px solid #e09d40}.app-shell{width:min(100% - 48px,1620px);margin:0 auto;padding:28px 0 22px}.masthead{justify-content:space-between;align-items:center;gap:24px;margin:0 4px 22px;display:flex}.brand-lockup{align-items:center;gap:13px;display:flex}.brand-seal{border:1px solid var(--ink);color:#f8f8ef;background:var(--ink);border-radius:50%;place-items:center;width:48px;height:48px;font-family:Georgia,serif;font-size:22px;display:grid;position:relative;box-shadow:4px 4px #172e3c1f}.brand-seal i{background:#e5b845;border:2px solid #edf3f4;border-radius:50%;width:11px;height:11px;position:absolute;bottom:-3px;right:-3px}.eyebrow,.source-overline,.timer-label,.mode-caption,.control-label small,.page-footer,.number-block-heading small{letter-spacing:.12em;text-transform:uppercase}.eyebrow{color:var(--muted);margin:0 0 2px;font-size:9px;font-weight:800}.masthead h1{letter-spacing:.015em;margin:0;font-family:Georgia,Songti SC,serif;font-size:clamp(25px,3vw,34px);font-weight:700}.masthead-note{color:#4d6772;align-items:center;gap:8px;font-family:Georgia,Songti SC,serif;font-size:14px;display:flex}.tiny-spark{color:#c5942c;font-size:17px}.control-panel{background:#fffffacc;border:1px solid #172e3c29;border-radius:16px;justify-content:space-between;align-items:center;gap:28px;padding:16px 20px;display:flex;box-shadow:0 8px 24px #1e38440e}.mode-control,.control-label,.mode-options,.setup-action,.action-row,.scoreline,.scoreline-status,.scoreline-progress,.timer-display{align-items:center;display:flex}.mode-control{gap:20px}.control-label{gap:10px}.step-number{color:#738992;border:1px solid #172e3c40;border-radius:50%;place-items:center;width:31px;height:31px;font-family:Georgia,serif;font-size:10px;display:grid}.control-label strong,.control-label small{display:block}.control-label strong{font-family:Georgia,Songti SC,serif;font-size:15px}.control-label small{color:#7a9098;margin-top:3px;font-size:8px;font-weight:700}.mode-options{gap:7px}.mode-option{text-align:left;cursor:pointer;background:#fbfcf9;border:1px solid #c5d2d3;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;min-width:88px;padding:8px 11px;transition:border-color 90ms,background-color 90ms,transform 90ms;display:grid}.mode-option:hover{border-color:var(--ink);transform:translateY(-1px)}.mode-option--selected{border-color:var(--ink);color:#f9faf5;background:var(--ink);box-shadow:0 3px #172e3c29}.mode-count{grid-row:span 2;font-family:Georgia,serif;font-size:22px;line-height:1}.mode-caption{white-space:nowrap;align-self:end;font-size:8px;font-weight:700}.setup-action{gap:18px}.load-status{color:#647d86;align-items:center;gap:8px;max-width:230px;font-size:11px;line-height:1.4;display:flex}.status-dot,.phase-pip{background:#6d9d7c;border-radius:50%;flex:none;width:8px;height:8px}.status-dot--loading{background:#d09c39;animation:.8s ease-in-out infinite alternate breathe}.primary-button,.secondary-button{border:1px solid var(--ink);color:#f7f8f1;background:var(--ink);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:18px;min-height:42px;padding:0 17px;font-size:12px;font-weight:700;transition:transform 90ms,box-shadow 90ms,opacity 90ms;display:flex}.primary-button:hover:not(:disabled),.secondary-button:hover{transform:translateY(-1px);box-shadow:0 4px #172e3c2e}.primary-button:disabled{color:#f7f8f1;cursor:wait;background:#aebdc0;border-color:#aebdc0}.button-arrow{color:#e8c260;font-size:17px;line-height:1}.secondary-button{min-height:39px;color:var(--ink);background:0 0}.scoreline{justify-content:space-between;gap:20px;min-height:62px;padding:0 8px}.scoreline-status{color:#617985;gap:9px;font-size:12px}.phase-pip--setup{background:#b4c1c3}.phase-pip--ready{background:#dfa943}.phase-pip--playing{background:#44836c;box-shadow:0 0 0 4px #44836c21}.phase-pip--complete{background:#c28e31;box-shadow:0 0 0 4px #c28e3121}.scoreline-progress{color:#68808a;gap:9px;margin-left:auto;font-size:11px}.scoreline-progress strong{color:var(--ink);font-family:Georgia,serif;font-size:18px}.scoreline-progress small{color:#8ca0a5;font-family:inherit;font-size:11px}.timer-display{border-left:1px solid #172e3c24;flex-direction:column;align-items:flex-end;gap:0;min-width:123px;padding:4px 0 4px 15px}.timer-label{color:#71868e;font-size:8px;font-weight:800}.timer-display strong{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-family:Avenir Next,Avenir,sans-serif;font-size:24px;line-height:1.2}.playmat{background:#e5eff1;border:1px solid #172e3c47;border-radius:20px;padding:12px;box-shadow:0 16px 40px #1c38461a}.table-frame{background:radial-gradient(ellipse at 50% 45%, #fff3, transparent 60%), var(--blue-felt);border:1.5px solid #233d4b;border-radius:11px;min-height:780px;padding:clamp(20px,3vw,42px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #ffffff24,inset 0 1px #ffffff8c}.table-frame:before,.table-frame:after{z-index:0;content:"";pointer-events:none;border:1px solid #2f536414;border-radius:50%;width:280px;height:280px;position:absolute}.table-frame:before{top:-190px;left:-160px}.table-frame:after{bottom:-210px;right:-150px}.table-grid{z-index:1;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) clamp(240px,23vw,320px) minmax(0,1fr);align-items:stretch;gap:22px clamp(18px,2vw,32px);display:grid;position:relative}.number-block{min-width:0}.number-block-heading{color:#4c6877;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:7px;margin:0 0 10px 2px;font-size:9px;font-weight:800;display:flex}.block-heading-mark{color:#718f9b;font-size:15px}.number-block-heading small{color:#2f53648f;margin-left:auto;font-size:8px}.number-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(7px,.85vw,12px);display:grid}.number-slot{aspect-ratio:.7;cursor:pointer;background:#eaf4f957;border:1.3px solid #152f3ebd;border-radius:7px;place-items:center;min-width:0;padding:0;transition:background 90ms,border-color 90ms,transform 90ms;display:grid;position:relative}.number-slot:not(.number-slot--filled):hover{background:#f8fbfb94;border-color:#14394b}.number-slot--filled{background:0 0;border-color:#0000;padding:4px}.number-slot--selected{background:#fff7db7a;border:2px solid #d39431}.number-slot--selected .card-face{box-shadow:0 0 0 3px #d394313d, var(--card-shadow);transform:translateY(-2px)rotate(-1deg)}.slot-number{color:#22414f5e;font-family:Georgia,serif;font-size:10px;position:absolute;top:7px;left:8px}.card-face{color:#203642;width:100%;min-width:0;height:100%;box-shadow:var(--card-shadow);-webkit-user-select:none;user-select:none;-webkit-user-drag:element;cursor:grab;background:#fdfcf7;border:1px solid #11273380;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;transition:box-shadow 90ms,transform 90ms;display:flex;position:relative;overflow:hidden}.card-face:active{cursor:grabbing}.card-face--number{background:linear-gradient(145deg,#fffffff7,#f9f8eff0),#fff}.card-face--special{background:linear-gradient(145deg,#fffdf5,#f0e9d4)}.tone-red .card-mark,.tone-red .card-number,.tone-coral .card-mark,.tone-coral .card-number{color:var(--red)}.tone-green .card-mark,.tone-green .card-number{color:var(--green)}.tone-yellow .card-mark,.tone-yellow .card-number{color:#b18723}.tone-blue .card-mark,.tone-blue .card-number{color:var(--blue)}.tone-ink .card-mark,.tone-ink .card-number{color:#242f35}.tone-gold .card-mark{color:#b28731}.card-art{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:5px;display:flex}.card-mark{margin-bottom:1px;font-family:Georgia,Apple Symbols,serif;font-size:clamp(15px,2.2vw,25px);line-height:1;display:block}.card-number{font-family:Georgia,Songti SC,serif;font-size:clamp(22px,3.1vw,36px);font-weight:700;line-height:1}.card-title{color:#405760;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:6px;font-size:clamp(7px,.8vw,9px);font-weight:750;overflow:hidden}.card-face--special .card-mark{margin-bottom:7px;font-size:clamp(24px,3.5vw,38px)}.card-face--special .card-title{margin-top:1px;font-size:clamp(9px,1vw,12px)}.card-corner{color:#28424e80;font-family:Georgia,serif;font-size:8px;font-weight:700;position:absolute;top:3px;left:5px}.card-photo{object-fit:cover;background:#f7f5eb;width:100%;height:100%;position:absolute;inset:0}.photo-caption{color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(#0000,#0a1820c7);padding:3px 4px;font-size:8px;font-weight:750;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.card-face--photo .card-corner{z-index:1;color:#fff;background:#0e222da3;border-radius:5px;padding:2px 4px;top:4px;left:4px}.slot-card-face{width:100%;height:100%}.special-zone{--special-card-width:62px;background:radial-gradient(at 50% 18%,#ffffff61,#0000 54%),#bddaeb3d;border:1px dashed #20455652;border-radius:14px;min-width:0;min-height:568px;transition:border-color .1s,background-color .1s;position:relative;overflow:hidden}.special-zone--active{background-color:#cae2ef5c;border-color:#22495d85}.special-zone--active:has(.special-zone-card){border-style:solid}.special-zone--sleeping{flex-direction:column;align-items:center;display:flex}.special-zone-heading{z-index:1;color:#345667;pointer-events:none;align-items:center;gap:9px;padding:13px 11px;display:flex;position:relative}.zone-emblem{color:#a47c2e;border:1px solid #34566759;border-radius:50%;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.special-zone-heading strong,.special-zone-heading span{display:block}.special-zone-heading strong{letter-spacing:.11em;font-family:Georgia,serif;font-size:10px}.special-zone-heading span{color:#345667b8;margin-top:3px;font-size:9px}.special-zone-card{z-index:2;width:var(--special-card-width);aspect-ratio:.68;height:auto;position:absolute;transform:translate(-50%,-50%)}.special-zone-card .card-mark{font-size:24px}.special-zone-card .card-title{font-size:9px}.special-zone-card--selected,.card-face--selected{outline-offset:2px;outline:2px solid #d39431}.special-drop-hint{color:#34566787;text-align:center;pointer-events:none;font-size:9px;position:absolute;bottom:8px;left:9px;right:9px}.special-sleeping-copy{color:#34566794;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px 12px 45px;display:flex}.special-sleeping-copy>span{color:#3456677a;font-family:Georgia,serif;font-size:38px}.special-sleeping-copy p{margin:10px 0 5px;font-family:Georgia,Songti SC,serif;font-size:13px}.special-sleeping-copy small{letter-spacing:.16em;font-size:7px}.source-dock{grid-column:1/-1;grid-template-columns:minmax(130px,1fr) auto minmax(130px,1fr);align-items:center;gap:20px;min-height:154px;padding:7px 12px 0;display:grid}.source-caption{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.source-overline{color:#6c8792;font-size:8px;font-weight:800}.source-caption strong{color:#1a3442;margin-top:2px;font-family:Georgia,serif;font-size:24px}.source-caption small{color:#68818b;max-width:170px;font-size:9px;line-height:1.4}.draw-zone{justify-content:center;align-items:center;gap:14px;min-width:200px;display:flex}.draw-pile-wrap{place-items:center;width:76px;height:112px;display:grid;position:relative}.deck-layer,.draw-pile-card,.empty-pile{border:1.3px solid #203d4b;border-radius:6px;width:66px;height:96px;position:absolute}.deck-layer{background:repeating-linear-gradient(135deg,#ffffff61 0 4px,#0000 4px 8px),#adcce1;box-shadow:0 2px 4px #172e3c26}.deck-layer--three{transform:translate(-5px,2px)rotate(-3deg)}.deck-layer--two{transform:translate(-2px,1px)rotate(-1.5deg)}.draw-pile-card{z-index:2;box-shadow:var(--card-shadow);cursor:pointer;background:#fffef8;padding:3px;transition:transform 80ms}.draw-pile-card:hover{transform:translateY(-3px)rotate(1deg)}.draw-card-back{color:#476d7c;background:repeating-linear-gradient(135deg,#ffffff6b 0 4px,#0000 4px 8px),linear-gradient(150deg,#d5e6ea,#a9c9db);border-radius:3px;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.draw-card-back span{font-family:Georgia,serif;font-size:23px}.draw-card-back i{border:1px solid #2448586e;border-radius:3px;position:absolute;inset:6px}.draw-card-face{cursor:pointer;width:100%;height:100%;box-shadow:none}.draw-pile-card[draggable=true]{cursor:grab}.pile-count{color:#5e7985;text-align:center;white-space:nowrap;font-size:9px;position:absolute;bottom:-9px;left:-25px;right:-25px}.empty-pile{color:#47725f;background:#f5faf547;place-items:center;display:grid}.empty-pile--setup{color:#6f8c98;background:#f5faf52e;border-style:dashed}.empty-pile span{font-family:Georgia,serif;font-size:29px}.held-card-area{background:#edf7fa3d;border:1px dashed #20455661;border-radius:8px;place-items:center;width:76px;height:112px;display:grid;position:relative}.held-card-area--filled{background:#f2f8f680;border-style:solid;border-color:#20455685}.held-label{color:#5e7985;letter-spacing:.1em;text-transform:uppercase;font-size:8px;position:absolute;top:-16px}.held-card-face{width:66px;height:96px}.held-placeholder-mark{color:#75929c;font-family:Georgia,serif;font-size:19px}.held-placeholder-copy{color:#66808a;text-align:center;white-space:nowrap;font-size:8px;position:absolute;bottom:-17px;left:-24px;right:-24px}.source-tip{color:#66808a;align-items:center;gap:8px;font-size:9px;display:flex}.tip-key{color:#506e7a;border:1px solid #3456674d;border-radius:5px;place-items:center;width:27px;height:20px;font-size:7px;font-weight:800;display:grid}.page-footer{color:#7e9298;justify-content:space-between;gap:20px;padding:18px 6px 0;font-size:8px;font-weight:700;display:flex}.footer-right i{color:#c39539;margin:0 5px;font-style:normal}@keyframes breathe{0%{opacity:.5}to{opacity:1}}@media (width<=1180px){.app-shell{width:min(100% - 32px,1000px)}.table-frame{min-height:0;padding:24px}.table-grid{grid-template-columns:minmax(0,1fr) 230px minmax(0,1fr);gap:18px 14px}.number-grid{gap:7px}.special-zone{--special-card-width:56px;min-height:500px}.source-dock{min-height:136px}}@media (width<=860px){.app-shell{width:min(100% - 24px,720px);padding-top:18px}.masthead{margin-bottom:15px}.control-panel{flex-direction:column;align-items:flex-start;gap:15px;padding:14px}.mode-control,.setup-action{justify-content:space-between;width:100%}.load-status{max-width:none}.scoreline{gap:12px;min-height:58px}.playmat{border-radius:15px;padding:8px}.table-frame{border-radius:10px;padding:18px}.table-grid{grid-template-columns:minmax(0,1fr);row-gap:16px}.number-block-heading{margin-bottom:7px}.number-grid{gap:8px}.number-slot{aspect-ratio:.72}.special-zone{--special-card-width:44px;border-radius:12px;grid-row:2;min-height:190px}.special-zone-heading{padding:8px 10px}.special-zone--sleeping{min-height:150px}.special-sleeping-copy{padding:0 10px 18px}.source-dock{grid-column:1;grid-template-columns:1fr auto 1fr;gap:8px;min-height:132px;padding:2px 0 0}.source-caption strong{font-size:20px}.source-caption small{font-size:8px}.draw-zone{gap:8px;min-width:178px}.source-tip{justify-content:flex-start;font-size:8px}.held-card-area,.draw-pile-wrap{transform:scale(.9)}}@media (width<=520px){.app-shell{width:calc(100% - 18px);padding-top:12px}.masthead{margin-left:2px;margin-right:2px}.brand-seal{width:40px;height:40px;font-size:19px}.eyebrow{font-size:7px}.masthead h1{font-size:25px}.masthead-note{max-width:116px;font-size:11px}.control-panel{border-radius:12px;padding:12px}.mode-control{flex-direction:column;align-items:flex-start;gap:9px}.mode-options{width:100%}.mode-option{flex:1;min-width:0}.setup-action{align-items:center;gap:9px}.load-status{font-size:9px}.primary-button{white-space:nowrap;gap:8px;min-height:39px;padding:0 11px;font-size:10px}.secondary-button{white-space:nowrap;min-height:36px;padding:0 10px;font-size:10px}.scoreline{flex-wrap:wrap;min-height:58px;padding:7px 3px}.scoreline-status{flex:100%;font-size:10px}.scoreline-progress{margin-left:0}.timer-display{min-width:92px;padding-left:10px}.timer-display strong{font-size:20px}.playmat{border-radius:12px;padding:5px}.table-frame{padding:11px}.table-grid{row-gap:13px}.number-block-heading{font-size:8px}.number-block-heading small{font-size:7px}.number-grid{gap:5px}.number-slot{aspect-ratio:.7;border-radius:5px}.number-slot--filled{padding:2px}.slot-number{font-size:8px;top:4px;left:5px}.card-face{border-radius:4px}.card-mark{font-size:16px}.card-number{font-size:clamp(18px,7vw,27px)}.card-title{margin-top:4px;font-size:7px}.card-corner{font-size:6px;top:2px;left:3px}.special-zone{--special-card-width:40px;min-height:170px}.special-zone-heading strong{font-size:9px}.special-zone-heading span{font-size:8px}.special-zone-card .card-mark{font-size:18px}.special-zone-card .card-title,.special-drop-hint{font-size:7px}.source-dock{grid-template-columns:.72fr auto .72fr;gap:4px;min-height:108px}.source-overline{font-size:6px}.source-caption strong{font-size:17px}.source-caption small{font-size:7px}.draw-zone{gap:3px;min-width:152px}.draw-pile-wrap,.held-card-area{transform:scale(.78)}.source-tip{gap:4px;font-size:7px;line-height:1.25}.tip-key{width:22px;height:18px;font-size:6px}.page-footer{padding:13px 2px 0;font-size:6px}}