:root{--color-bg:#171a17;--color-surface:#29382b;--color-surface-raised:#344435;--color-line:#4c5849;--color-muted:#a7a99f;--color-text:#f2efe6;--color-paper:#f2efe6;--color-paper-deep:#e7e1d5;--color-paper-line:#c9c1b2;--color-ink:#242622;--color-moss:#3f5134;--color-olive:#68734a;--color-clay:#a47758;--color-clay-soft:#b78b68;--color-clay-ink:#845d42;--color-green:#879868;--color-yellow:#d0a568;--color-red:#b24a4a;--color-blue:#73887f;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:Georgia, "Times New Roman", serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}@layer base{html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);background-image:radial-gradient(circle at 50% -10%,#3f5134b8,#0000 48%),linear-gradient(#f2efe605 1px,#0000 1px),linear-gradient(90deg,#f2efe605 1px,#0000 1px);background-size:auto,28px 28px,28px 28px;margin:0}button,input{font:inherit}button:disabled{cursor:not-allowed;opacity:.45}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}}.site-header{min-height:68px;color:var(--color-ink);border-bottom:1px solid var(--color-paper-line);background:var(--color-paper);justify-content:space-between;align-items:center;gap:16px;padding:13px clamp(16px,4vw,54px);display:flex}.brand{color:var(--color-ink);align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand-mark{width:34px;height:34px;font-family:var(--font-mono);letter-spacing:-.05em;border:1px solid #242622b3;border-radius:50%;place-items:center;font-size:8px;font-weight:800;display:grid}.brand-name{letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:800}.tag,.eyebrow{color:#6f7469;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:650}.site-header .tag{color:#5b6253}.header-tools{align-items:center;gap:13px;display:flex}.app-shell{background:radial-gradient(at top,#3f51347a 0%,#29382b57 34%,#0000 72%);min-height:calc(100dvh - 68px);padding:22px 14px 42px}.screen{width:min(100%,860px);margin:0 auto}.panel{width:min(100%,500px);color:var(--color-ink);background:radial-gradient(circle at 20% 0%, #ffffff8c, transparent 34%), var(--color-paper);border:1px solid var(--color-paper-line);border-radius:5px;margin:7vh auto 0;padding:34px;position:relative;overflow:hidden;box-shadow:0 28px 80px #0000007a,8px 9px #a4775829}.panel:after{content:"";pointer-events:none;opacity:.17;background-image:repeating-linear-gradient(0deg,#0000 0 3px,#24262209 3px 4px),repeating-linear-gradient(90deg,#0000 0 5px,#24262206 5px 6px);position:absolute;inset:0}.panel>*{z-index:1;position:relative}.panel h1,.panel h2{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.045em;margin:11px 0 15px;font-weight:400;line-height:.94}.panel h1{font-size:clamp(39px,9vw,53px)}.panel h1 span{color:var(--color-moss);font-style:italic}.panel h2{font-size:clamp(34px,7vw,44px)}.panel .eyebrow:before{content:"";background:var(--color-clay);vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.lede{color:#676b62;margin:0 0 20px;font-size:14px;line-height:1.6}.lede.tight{margin-bottom:12px;font-size:13px}.field-label{color:#5e6459;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.13em;margin:0 0 7px;font-size:9px;font-weight:750;display:block}.text-input{width:100%;min-height:47px;color:var(--color-ink);background:#ffffff47;border:1px solid #bdb6a7;border-radius:3px;outline:none;margin:0 0 10px;padding:12px 14px}.text-input:focus{border-color:var(--color-moss);box-shadow:0 0 0 3px #3f513421}.text-input::placeholder{color:#8b8b80}.button{width:100%;min-height:45px;color:var(--color-ink);letter-spacing:.025em;background:0 0;border:1px solid #0000;border-radius:999px;padding:12px 15px;font-size:12px;font-weight:800}.button-primary{color:var(--color-paper);background:var(--color-moss)}.button-primary:hover{background:#34452b}.button-secondary{color:var(--color-ink);background:0 0;border-color:#8d927f;margin-top:8px}.button-secondary:hover{border-color:var(--color-moss);background:#3f513414}.button-ghost{color:#64695f;width:auto;min-height:auto;padding:8px 10px;font-size:11px}.button-ghost:hover{color:var(--color-moss)}.button-small{width:auto;min-height:34px;padding:8px 11px;font-size:12px}.tutorial-launch{color:#676c62;margin-top:2px}.local-stats{color:#85867d;text-align:center;min-height:15px;margin:12px 0 0;font-size:9px}.choice-row{gap:8px;margin:0 0 14px;display:flex}.choice{min-height:40px;color:var(--color-ink);border:1px solid var(--color-paper-line);background:#ffffff47;border-radius:3px;flex:1;font-size:12px;font-weight:750}.choice.selected{color:var(--color-paper);background:var(--color-moss);border-color:var(--color-moss)}.hotseat-box{border-top:1px dashed var(--color-paper-line);margin-top:16px;padding-top:12px}.mini-field{color:#5e6459;grid-template-columns:70px 1fr;align-items:center;gap:8px;margin-bottom:6px;font-size:11px;font-weight:700;display:grid}.mini-field .text-input{min-height:38px;margin:0}.site-footer{color:#93968c;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:0 14px 22px;font-size:8px}.site-footer a{color:inherit;text-decoration:none}.game-screen{width:min(100%,980px);padding:8px 0 20px}.game-topline{color:#b8b9ae;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin:0 0 12px;font-size:10px;font-weight:700;display:flex}.game-topline .button-ghost{color:#b8b9ae}.game-topline .button-ghost:hover{color:var(--color-paper)}.topline-dot{color:var(--color-clay);margin:0 6px}.topline-actions{gap:4px;display:flex}.score-row{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:10px;display:grid}.score-row>div{background:linear-gradient(#3f5134eb 0%,#29382bfa 100%);border:1px solid #87986861;border-radius:5px;padding:10px 12px}.score-row strong{color:var(--color-paper);font-family:var(--font-display);font-size:16px}.score-row em{color:#b9bdae;letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:9px;font-style:normal;display:block}.pips{gap:4px;margin-top:8px;display:flex}.pips span{background:0 0;border:1px solid #f2efe647;border-radius:50%;width:10px;height:10px}.pips.good span.on{background:var(--color-paper);border-color:var(--color-paper)}.pips.evil span.on{background:var(--color-clay-soft);border-color:var(--color-clay-soft)}.euchre-table{background:radial-gradient(ellipse at center, #4a6140 0%, var(--color-moss) 48%, #2b3928 100%);border:1px solid #a47758b3;border-radius:46px;gap:8px;padding:16px 12px 18px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #24262247,inset 0 0 90px #11161180,0 22px 54px #00000057}.euchre-table:before{content:"";pointer-events:none;border:1px solid #f2efe61f;border-radius:38px;position:absolute;inset:8px}.euchre-table:after{content:"proxy / euchre";color:#f2efe63b;font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;font-size:7px;position:absolute;bottom:12px;right:24px}.table-mid{z-index:1;grid-template-columns:minmax(72px,1fr) minmax(0,2.4fr) minmax(72px,1fr);align-items:center;gap:6px;display:grid;position:relative}.table-copy{z-index:1;text-align:center;width:100%;position:relative}.kitty-row{justify-content:center;align-items:center;gap:10px;min-height:76px;display:flex}.trump-chip{color:#d5d7ca;font-family:var(--font-mono);letter-spacing:.18em;gap:2px;font-size:9px;font-weight:800;display:grid}.trump-chip strong{color:var(--color-paper);font-family:var(--font-display);letter-spacing:0;font-size:28px}.trump-chip strong.red{color:#e08a8a}.trump-chip.muted strong{color:var(--color-yellow);font-size:18px}.trick-grid{grid-template-rows:72px 72px;grid-template-columns:1fr 1fr 1fr;place-items:center;min-height:150px;margin:4px 0;display:grid}.trick-slot.north{grid-area:1/2}.trick-slot.west{grid-area:2/1}.trick-slot.east{grid-area:2/3}.trick-slot.south{grid-area:2/2}.table-message{color:#e2e2d8;min-height:20px;font-family:var(--font-display);font-size:15px}.seat-chip{z-index:1;background:linear-gradient(#3f5134eb 0%,#29382bfa 100%);border:1px solid #87986861;border-radius:5px;padding:8px 10px;position:relative}.seat-chip.south{border-color:#d0a568ad}.seat-chip.active{border-color:#d0b17c;box-shadow:0 0 0 2px #d0b17c33}.seat-chip.out{opacity:.45}.seat-chip.north{width:min(280px,70%);margin:0 auto}.seat-meta strong{color:var(--color-paper);font-family:var(--font-display);font-size:15px;font-weight:700;display:block}.seat-meta span{color:#b9bdae;letter-spacing:.08em;text-transform:uppercase;font-size:9px}.seat-badges{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.badge{color:var(--color-ink);font-family:var(--font-mono);border-radius:2px;padding:2px 6px;font-size:8px;font-weight:850}.badge-dealer{background:var(--color-clay-soft)}.badge-turn{background:var(--color-yellow)}.badge-out{background:#ac9a78}.seat-chip.west,.seat-chip.east{text-align:center;justify-self:center;max-width:118px}.seat-count{color:#d5d7ca;font-family:var(--font-mono);letter-spacing:.08em;margin-top:8px;font-size:12px;font-weight:800}.seat-backs{justify-content:center;gap:0;min-height:40px;margin-top:8px;display:flex}.seat-backs .playing-card.small{margin-right:-16px}.seat-backs .playing-card.small:last-child{margin-right:0}.playing-card{width:48px;height:68px;color:var(--color-ink);background:var(--color-paper);-webkit-user-select:none;user-select:none;border:1px solid #d2cabb;border-radius:4px;flex-direction:column;justify-content:space-between;padding:5px;font-size:15px;font-weight:950;line-height:1;display:flex;position:relative;box-shadow:0 5px 13px #00000061}.playing-card.red{color:#a83d42}.playing-card.small{width:36px;height:50px;padding:3px;font-size:11px}.playing-card.large{width:62px;height:88px;font-size:18px}.playing-card .card-bottom{align-self:flex-end;transform:rotate(180deg)}.card-suit{margin-left:1px;font-size:.75em}.card-pip{align-self:center;font-size:1.35em}.playing-card.back{border:2px solid var(--color-paper-deep);color:var(--color-paper);background:repeating-linear-gradient(45deg,#29382b,#29382b 5px,#68734a 5px 9px);justify-content:center;align-items:center}.card-back-mark{font-family:var(--font-mono);letter-spacing:.08em;opacity:.75;font-size:8px}.playing-card.clickable:hover:not(:disabled){transition:transform .15s cubic-bezier(.22,1,.36,1);transform:translateY(-8px)}.playing-card.dimmed{opacity:.38}.bower-tag{background:var(--color-clay-soft);width:14px;height:14px;color:var(--color-ink);font-family:var(--font-mono);border-radius:2px;place-items:center;font-size:8px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,10px)}.hand-rail{justify-content:center;gap:6px;min-height:96px;margin-top:12px;padding:6px 0 4px;display:flex}.hand-hidden{color:#b8b9ae;font-size:12px}.controls{z-index:5;padding:10px 14px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#171a17f0;border-top:1px solid #a4775873;flex-direction:column;gap:8px;margin:10px -14px -30px;display:flex;position:sticky;bottom:0}.action-row{gap:8px;display:flex}.action-row>*{flex:1}.action-button{border:1px solid #0000;border-radius:4px;min-height:47px;padding:12px;font-size:12px;font-weight:850}.action-fold{color:#d5d7ce;background:#2b302b;border-color:#444b42}.action-call{color:var(--color-ink);background:var(--color-paper);border-color:var(--color-paper-line)}.suit-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.suit-btn{min-height:48px;color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-paper-line);border-radius:4px;font-size:22px}.suit-btn.red{color:#a83d42}.stuck-note{color:#c5c7bd;text-align:center;margin:0;font-size:12px}.alone-toggle{color:#c5c7bd;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.alone-toggle input{accent-color:var(--color-green);width:16px;height:16px}.pass-overlay{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#171a17d6;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.pass-overlay .panel{margin:0}.result-float{z-index:20;max-width:min(90vw,430px);color:var(--color-paper);background:var(--color-moss);text-align:center;border:1px solid #f2efe647;border-radius:3px;padding:12px 16px;position:fixed;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0006}.result-float strong{font-family:var(--font-display);font-size:16px;font-weight:700;display:block}.result-float span{color:#d5d7ca;margin-top:4px;font-size:11px;display:block}.tutorial-dialog{z-index:30;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.tutorial-scrim{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#171a17d6;position:absolute;inset:0}.tutorial-panel{width:min(100%,620px);max-height:min(92vh,820px);color:var(--color-ink);background:radial-gradient(circle at 20% 0%, #ffffff85, transparent 34%), var(--color-paper);border:1px solid var(--color-paper-line);border-radius:5px;padding:28px;position:relative;overflow-y:auto;box-shadow:0 28px 90px #000000a8,8px 9px #a4775826}.tutorial-topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.tutorial-panel h2{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.045em;margin:16px 0 10px;font-size:clamp(32px,7vw,46px);font-weight:400;line-height:.96}.tutorial-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:16px;display:flex}.tutorial-actions .button-primary{flex:1}.how-grid{gap:12px;display:grid}.how-grid article{border:1px solid var(--color-paper-line);background:#ffffff47;border-radius:3px;padding:12px}.how-grid p{color:#4e534b;margin:8px 0 0;font-size:13px;line-height:1.5}@media (prefers-reduced-motion:reduce){.playing-card.clickable:hover:not(:disabled){transform:none}}@media (width<=520px){.site-header{min-height:62px;padding-inline:14px}.brand-name{font-size:10px}.tag{display:none}.app-shell{padding-inline:10px}.panel{margin-top:4vh;padding:25px 20px}.euchre-table{border-radius:30px;padding:12px 8px 16px}.euchre-table:before{border-radius:23px}.playing-card.large{width:52px;height:74px;font-size:15px}.table-mid{grid-template-columns:58px 1fr 58px}.seat-chip.west,.seat-chip.east{max-width:58px;padding:6px 4px}.seat-count,.seat-chip.west .seat-meta span,.seat-chip.east .seat-meta span,.seat-chip.west .seat-badges,.seat-chip.east .seat-badges{display:none}.seat-chip.west .seat-meta strong,.seat-chip.east .seat-meta strong{font-size:12px}.controls{margin-inline:-10px;padding-inline:10px}.trick-grid{grid-template-rows:58px 58px;min-height:120px}}@media (width>=900px){.app-shell{padding:34px 32px 58px}.game-screen{width:min(100%,1120px)}.euchre-table{border-radius:58px;min-height:420px;padding:22px 24px 28px}.playing-card.large{width:72px;height:102px;font-size:20px}.table-message{font-size:18px}}