:root{color:#21160e;font-synthesis:none;--paper:#ead39a;--paper-light:#fff5d7;--ink:#25170d;--green:#173e2d;--green-light:#366746;--gold:#d4a84f;--gold-light:#f8df93;--night:#081128;--red:#a52d29;--card-width:clamp(72px, min(8.2vw, 14vh), 122px);--card-height:calc(var(--card-width) * 1.545);--shadow:0 16px 38px #00000085;background:#081128;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100svh;overflow:hidden}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:3px;outline:4px solid #fff2a8}button:disabled{cursor:default}.app-shell{isolation:isolate;background:var(--night) url(../art/moonlit-eights-table-desktop.webp) center / cover no-repeat;min-height:100svh;position:relative;overflow:hidden}.app-shell:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0408160d,#0000 35%,#05050b29);position:absolute;inset:0}.title-plaque{z-index:20;width:min(720px,58vw);min-height:72px;color:var(--ink);box-shadow:inset 0 0 0 3px #fffae0b3, var(--shadow);background:radial-gradient(circle at 12% 6%,#ffffff73,#0000 25rem),#ead39af5;border:3px solid #6d481e;border-radius:17px;grid-template-columns:1fr minmax(220px,1.2fr) 42px;align-items:center;gap:14px;padding:9px 12px 9px 20px;display:grid;position:absolute;top:1.2%;left:50%;transform:translate(-50%)}.title-plaque p,.eyebrow{color:var(--green);letter-spacing:.13em;text-transform:uppercase;margin:0 0 2px;font-size:.62rem;font-weight:900}.title-plaque h1{margin:0;font:700 clamp(1.35rem,2.5vw,2.15rem)/.95 Georgia,serif}.turn-copy{border-left:1px solid #4a2d0f47;min-width:0;padding-left:14px}.turn-copy strong,.turn-copy span{display:block}.turn-copy strong{color:var(--green);font:700 .98rem Georgia,serif}.turn-copy span{color:#563d21;text-overflow:ellipsis;white-space:nowrap;font-size:.73rem;overflow:hidden}.plaque-menu{width:40px;height:40px;color:var(--paper-light);background:var(--green);border:2px solid #9d7838;border-radius:50%;font-weight:900}.table-stage{position:absolute;inset:0}.opponent-zone,.player-zone,.center-zone{z-index:5;position:absolute;left:50%;transform:translate(-50%)}.opponent-zone{width:min(660px,52vw);height:23%;top:18.5%}.opponent-label,.player-label{z-index:8;min-width:144px;color:var(--paper-light);background:#0f2c20eb;border:1px solid #eecf7d9e;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:3px 12px;font:700 .72rem Georgia,serif;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 5px 13px #00000059}.opponent-label{top:0}.opponent-label strong,.player-label strong{color:var(--gold-light)}.opponent-fan{width:100%;height:var(--card-height);position:absolute;top:21px;left:50%;transform:translate(-50%)}.opponent-card{width:var(--card-width);transform-origin:50% 120%;transform:translateX(-50%) rotate(calc((var(--fan-index) - var(--fan-center)) * 5.5deg));position:absolute;left:50%}.center-zone{justify-content:center;align-items:center;gap:clamp(18px,4vw,64px);width:min(560px,48vw);height:31%;display:flex;top:42%}.pile{justify-items:center;gap:5px;display:grid;position:relative}.pile-label{text-align:center;min-width:84px;color:var(--paper-light);background:#143627eb;border:1px solid #e8c56f94;border-radius:999px;padding:3px 8px;font-size:.68rem;font-weight:850}.pile-label strong{color:var(--gold-light)}.stock-action{opacity:1;background:0 0;border:0;border-radius:10px;padding:0}.app-shell[data-play-hints=true] .stock-action--ready{filter:drop-shadow(0 0 10px #ffe17dbf);animation:1.8s ease-in-out infinite readyPulse}.discard-stack{width:var(--card-width);height:var(--card-height);position:relative}.discard-stack>.playing-card{position:absolute;inset:0}.suit-declaration-card{width:var(--card-width);height:var(--card-height);display:block}.suit-declaration-card>.playing-card{position:absolute;inset:0}.declared-suit-seal{z-index:4;aspect-ratio:1;color:#171b1a;width:52%;font:700 calc(var(--card-width) * .31)/1 Georgia, serif;text-shadow:0 1px #fff3c9;background:radial-gradient(circle at 35% 28%,#fff6cf 0 18%,#e2bd67 52%,#926526 100%);border:2px solid #5e3e19;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 2px #fff7d094,0 4px 8px #00000073}.suit-declaration-card--hearts .declared-suit-seal,.suit-declaration-card--diamonds .declared-suit-seal{color:var(--red)}.computer-suit-declaration{z-index:24;pointer-events:none;filter:drop-shadow(0 12px 16px #0000007a);animation:.38s ease-out both declarationArrive;position:absolute;top:0;left:50%;transform:translate(115%)rotate(5deg)}.computer-declaration-band{z-index:6;color:#fff4ce;text-align:center;width:114%;font:700 clamp(.52rem, calc(var(--card-width) * .085), .7rem)/1.1 Georgia, serif;letter-spacing:.045em;text-transform:uppercase;background:linear-gradient(90deg,#153925,#2f6543 52%,#153925);border-block:1px solid #d2a94f;padding:5px 4px;position:absolute;bottom:12%;right:-7%;box-shadow:0 3px 7px #0000006b}.player-zone{width:min(930px,76vw);height:34%;bottom:1.2%}.player-label{bottom:1px}.player-fan{justify-content:center;align-items:flex-end;padding-bottom:27px;display:flex;position:absolute;inset:0}.card-action{width:var(--card-width);height:var(--card-height);flex:0 0 var(--card-width);margin-left:calc(var(--card-width) * -.14);border-radius:calc(var(--card-width) * .08);transform-origin:50% 125%;transform:rotate(calc((var(--fan-index) - var(--fan-center)) * 3.7deg));background:0 0;border:0;padding:0;transition:transform .16s,filter .16s,opacity .16s;position:relative}.card-action:first-child{margin-left:0}.app-shell[data-play-hints=true] .card-action--playable{filter:drop-shadow(0 0 7px #ffe884c7)}.app-shell[data-play-hints=true] .card-action--playable:hover,.app-shell[data-play-hints=true] .card-action--playable:focus-visible{z-index:20;filter:drop-shadow(0 0 13px #ffee99f2);transform:translateY(-18px)rotate(0)}.card-action--drawn{z-index:15;transform:translateY(-13px)rotate(0)}.card-action:disabled{opacity:1}.playing-card{width:var(--card-width);height:var(--card-height);color:#17131b;background:var(--paper-light);border-radius:calc(var(--card-width) * .08);border:2px solid #66461e;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffffc2,0 0 0 1px #2d1d12,0 9px 20px #0000007a}.playing-card--face:before{content:"";border-radius:calc(var(--card-width) * .05);pointer-events:none;border:1px solid #8b62258c;position:absolute;inset:6px}.suit-red{color:var(--red)}.suit-black{color:#171b1a}.card-corner{z-index:4;flex-direction:column;align-items:center;font-family:Georgia,serif;line-height:.85;display:flex;position:absolute;top:7px;left:8px}.card-corner strong{font-size:calc(var(--card-width) * .18)}.card-corner span{font-size:calc(var(--card-width) * .13);margin-top:3px}.card-corner--bottom{inset:auto 8px 7px auto;transform:rotate(180deg)}.pip-field{grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(3,1fr);place-items:center;display:grid;position:absolute;inset:17% 21%}.pip{font-size:calc(var(--card-width) * .22);line-height:1}.pip--inverted{transform:rotate(180deg)}.ace-emblem,.court-field{place-items:center;display:grid;position:absolute;inset:18% 15%}.ace-emblem{background:radial-gradient(circle,#d9b45b40,#0000 62%);border:1px solid #8b62257a;border-radius:50%}.ace-suit{z-index:2;font-size:calc(var(--card-width) * .46)}.ace-halo{color:#aa7e2ca8;font-size:calc(var(--card-width) * .7);position:absolute;transform:translate(-8%)}.ace-clover{color:var(--green);font-size:calc(var(--card-width) * .15);position:absolute;bottom:3%;right:3%}.court-field{background:#f3e6bd;inset:0;overflow:hidden}.court-art{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.court-fallback{z-index:1;min-width:54%;color:var(--ink);font:700 calc(var(--card-width) * .22) Georgia, serif;background:#faeec7f5;border:1px solid #65461f;border-radius:7px;flex-direction:column;place-items:center;padding:7px;display:none;position:relative}.playing-card[data-presentation=court]:before{display:none}.playing-card[data-presentation=court] .card-corner{text-shadow:0 1px #fff4d7;background:#faeec7eb;border:1px solid #65461f8c;border-radius:5px;padding:3px 2px}.playing-card.card-art-failed .court-art,.playing-card.card-art-failed .card-back-art{display:none}.playing-card.card-art-failed .court-fallback{display:flex}.playing-card--back{border-color:var(--gold);background:radial-gradient(circle,#315b3c,#102f25 72%);place-items:center;display:grid}.card-back-art{z-index:2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.back-frame{aspect-ratio:1;width:58%;color:var(--gold-light);border:2px solid var(--gold);background:#111936;border-radius:50%;place-items:center;display:grid}.back-crescent{font-size:calc(var(--card-width) * .5);transform:translate(-8%)}.back-clover{color:#83a968;font-size:calc(var(--card-width) * .23);position:absolute;transform:translate(18%,4%)}.discard-card{z-index:2;transform:rotate(2deg)}.suit-choice{z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#08112861;border-radius:50%;place-items:center;padding:18px;display:grid;position:absolute;inset:-24% -42%}.suit-choice p{color:var(--paper-light);border:1px solid var(--gold);background:#113727f0;border-radius:999px;margin:0;padding:5px 12px;font:700 .82rem Georgia,serif;position:absolute;top:7%}.suit-choice-grid{justify-content:center;align-items:center;gap:clamp(5px,1.2vw,14px);display:flex}.suit-choice-card{border-radius:calc(var(--card-width) * .08);transform:rotate(var(--choice-tilt));background:0 0;border:0;padding:0;transition:transform .16s,filter .16s;position:relative}.suit-choice-card:hover,.suit-choice-card:focus-visible{z-index:3;filter:brightness(1.08)drop-shadow(0 0 9px #ffe17db8);transform:translateY(-12px)rotate(0)}.corner-nav{z-index:30;gap:6px;display:flex;position:absolute;bottom:10px;right:14px}.corner-nav a,.corner-nav button{min-height:34px;color:var(--paper-light);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#071120d1;border:1px solid #eed28680;border-radius:999px;padding:6px 10px;font-size:.68rem;font-weight:800;text-decoration:none}.corner-nav .hint-button{color:#2a1a0d;background:linear-gradient(#ffeeb5,#d5a74d);border-color:#714817;box-shadow:inset 0 0 0 1px #fffbe0a6,0 3px 8px #00000052}.corner-nav .hint-button--shown{color:#fff6d7;border-color:var(--gold);background:#143627eb}.result-panel,.setup-panel,.modal{color:var(--ink);box-shadow:inset 0 0 0 3px #fff9debf, var(--shadow);background:radial-gradient(circle at 12% 4%,#ffffff73,#0000 22rem),#eed8a4f7;border:3px solid #6d4b23}.result-panel{z-index:50;text-align:center;border-radius:18px;width:min(520px,88vw);padding:18px 22px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.result-panel h2,.setup-panel h2,.modal h2{margin:5px 0 8px;font:700 clamp(1.55rem,3.5vw,2.4rem) Georgia,serif}.result-panel p,.setup-panel p,.modal p,.modal li{line-height:1.45}.result-moon{aspect-ratio:1;width:50px;color:var(--gold-light);background:var(--green);border:2px solid var(--gold);border-radius:50%;place-items:center;margin:auto;font-size:1.8rem;display:grid}.result-actions{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:14px;display:flex}.button{min-height:44px;color:var(--ink);background:var(--paper);border:2px solid #745126;border-radius:10px;padding:9px 17px;font-weight:850;box-shadow:inset 0 0 0 2px #ffffff47,0 4px 10px #00000045}.button--primary{color:var(--paper-light);text-shadow:0 1px 2px #000;border-color:var(--gold);background:linear-gradient(#376347,#1c422e)}.button--danger{color:#fff7de;background:#7d2e2e;border-color:#ca7665}.text-button{color:var(--green);text-underline-offset:3px;background:0 0;border:0;font-weight:850;text-decoration:underline}.title-plaque--setup{text-align:center;grid-template-columns:1fr}.title-plaque--setup span{color:#5a3e20;font:italic .78rem Georgia,serif}.setup-panel{z-index:10;text-align:center;border-radius:18px;width:min(470px,82vw);padding:22px 24px;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%)}.setup-eight{aspect-ratio:.68;width:70px;color:var(--green);background:var(--paper-light);border:3px solid #765023;border-radius:9px;place-items:center;margin:-4px auto 8px;font:700 2.9rem Georgia,serif;display:grid;box-shadow:inset 0 0 0 3px #ffffffa6,0 8px 20px #00000061}.button--deal{min-width:220px;margin:16px auto 8px;font:700 1.25rem Georgia,serif;display:block}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#050916b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{border-radius:18px;width:min(560px,100%);max-height:calc(100svh - 36px);padding:22px 24px;overflow:auto}.modal--small{text-align:center;width:min(410px,100%)}.modal ol{padding-left:22px}.modal li+li{margin-top:7px}.rules-example{color:var(--green);background:#fff9e09e;border:1px solid #a77b3e;border-radius:9px;padding:10px 12px}.rules-example span{margin-right:7px;font-size:1.3rem}.menu-row{width:100%;min-height:48px;color:var(--ink);text-align:left;background:#fff9e1a6;border:1px solid #98703a;border-radius:9px;grid-template-columns:1fr auto;align-items:center;margin:7px 0;padding:9px 12px;display:grid}.menu-row strong{color:var(--green);font-size:.78rem}.menu-row--setting>span{gap:2px;display:grid}.menu-row--setting small{color:#73522d;font-size:.66rem;font-weight:650}.menu-row--danger strong{color:#8a2f2c}.build-label{color:#6a4b27;font-size:.68rem}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@keyframes readyPulse{50%{transform:translateY(-3px)}}@keyframes declarationArrive{0%{opacity:0;transform:translate(150%,-18px)rotate(11deg)}to{opacity:1;transform:translate(115%)rotate(5deg)}}@media (width<=760px) and (orientation:portrait){:root{--card-width:clamp(60px, 17.8vw, 78px)}.app-shell{background-image:url(../art/moonlit-eights-table-portrait.webp);background-position:top}.title-plaque{pointer-events:none;width:72%;height:132px;min-height:0;box-shadow:none;background:0 0;border:0;padding:0;display:block;top:0}.title-plaque:before{content:"";background:radial-gradient(circle at 45% 20%,#d4ad72,#a96f35 92%);border:1px solid #6e431f;border-radius:9px;width:198px;height:49px;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 2px #f4d18f4d}.title-plaque>div:first-child p{display:none}.title-plaque h1{z-index:1;clip:auto;width:190px;height:auto;color:var(--ink);text-align:center;text-shadow:0 1px #e9c98e;white-space:nowrap;margin:0;font-size:clamp(1.2rem,5.4vw,1.4rem);line-height:1;position:absolute;top:36px;left:50%;overflow:visible;transform:translate(-50%)}.turn-copy{width:min(250px,82vw);color:var(--paper-light);text-align:center;border:1px solid var(--gold);background:#113727f0;border-radius:999px;padding:4px 10px;position:absolute;top:91px;left:50%;transform:translate(-50%)}.turn-copy strong{color:var(--paper-light);font-size:.78rem}.turn-copy span{color:var(--paper-light);font-size:.62rem}.plaque-menu{pointer-events:auto;width:34px;height:34px;position:absolute;top:43px;right:-4px}.title-plaque--setup p,.title-plaque--setup span{display:none}.opponent-zone{width:88%;height:18%;top:29%}.opponent-card{transform:translateX(-50%) rotate(calc((var(--fan-index) - var(--fan-center)) * 6.7deg))}.center-zone{gap:52px;width:84%;height:27%;top:47%}.player-zone{width:98%;height:31%;bottom:1.3%}.player-fan{padding-bottom:29px;overflow:visible}.card-action{margin-left:calc(var(--card-width) * -.24);transform:rotate(calc((var(--fan-index) - var(--fan-center)) * 4.3deg))}.app-shell[data-play-hints=true] .card-action--playable:hover,.app-shell[data-play-hints=true] .card-action--playable:focus-visible{transform:translateY(-12px)rotate(0)}.suit-choice{inset:-28% -12%;padding:9px;inset:-17% -8%}.suit-choice p{top:3%}.suit-choice-grid{gap:5px}.corner-nav{bottom:5px;right:7px}.corner-nav a{display:none}.setup-panel{width:84%;padding:18px;top:61%}.setup-panel p{margin:6px 0;font-size:.86rem}.setup-eight{width:58px;font-size:2.35rem}.result-panel{top:57%}}@media (height<=450px) and (orientation:landscape){:root{--card-width:clamp(48px, 7.5vw, 66px)}.title-plaque{grid-template-columns:1fr 34px;width:30%;min-height:58px;padding:6px 7px 6px 11px;top:2%;left:1%;transform:none}.title-plaque p{display:none}.title-plaque h1{font-size:clamp(1rem,2.9vw,1.35rem)}.turn-copy{border:0;grid-column:1;padding-left:0}.turn-copy span{font-size:.55rem}.plaque-menu{grid-area:1/2/span 2;width:32px;height:32px}.opponent-zone{width:54%;height:31%;top:4%;left:64%}.center-zone{gap:32px;width:44%;height:42%;top:31%;left:54%}.player-zone{width:80%;height:39%;bottom:0;left:57%}.player-fan{padding-bottom:17px}.player-label,.opponent-label{min-width:108px;padding:2px 7px;font-size:.58rem}.card-action{margin-left:calc(var(--card-width) * -.18)}.pile-label{min-width:61px;font-size:.53rem}.corner-nav{bottom:4px;right:5px}.corner-nav a{display:none}.suit-choice{inset:-19% -28%}.suit-choice p{font-size:.6rem;top:1%}.suit-choice{padding:5px;inset:-12% -20%}.suit-choice-grid{gap:4px}.setup-panel{width:44%;padding:10px 14px;top:54%;left:64%}.setup-panel h2{font-size:1.25rem}.setup-panel p{margin:4px 0;font-size:.7rem}.setup-eight{width:42px;font-size:1.7rem}.button--deal{min-width:160px;min-height:36px;margin:7px auto 2px;font-size:.95rem}.result-panel{width:48%;padding:10px 14px;top:49%;left:58%}.result-panel h2{font-size:1.25rem}.result-panel p{margin:4px 0;font-size:.7rem}.result-moon{width:36px;font-size:1.2rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body[data-reduced-motion=true] *,body[data-reduced-motion=true] :before,body[data-reduced-motion=true] :after{transition:none!important;animation:none!important}@keyframes qaPaintPulse{0%{opacity:.9999}to{opacity:1}}body[data-qa-state]:not([data-qa-state=""]) .app-shell{animation:.5s linear infinite qaPaintPulse!important}