:root{--bp-tablet: 768px;--bp-desktop: 1280px;--color-player1: #c97a4f;--color-player2: #5b8c7a;--shell-bg: #f4ecdc;--shell-bg-elevated: #fdf6e7;--shell-bg-input: #fffaf0;--shell-border: #d8c7a3;--shell-border-strong: #8c7748;--shell-text: #2a241b;--shell-text-muted: #5a4f3d;--shell-text-subtle: #7c6f57;--shell-accent: #b45309;--shell-accent-hover: #92400e;--shell-accent-disabled: #d4c8a4;--shell-danger-bg: #fdecea;--shell-danger-border: #b91c1c;--shell-danger-text: #7f1d1d;--shell-success: #4f8a4d;--shell-warn: #d97706;--shell-shadow: 0 8px 24px rgba(60, 40, 10, .18);font-family:Inter,Helvetica Neue,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:light;background:var(--shell-bg);color:var(--shell-text)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--shell-bg);color:var(--shell-text);-webkit-font-smoothing:antialiased}.app-shell{max-width:1100px;margin:0 auto;padding:32px 20px}.app-shell__main{display:flex;justify-content:center}.app-shell label{display:block;font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--shell-text-muted);margin-bottom:.4rem}.app-shell input[type=text]{width:100%;padding:.6rem .85rem;background:var(--shell-bg-input);border:1px solid var(--shell-border);border-radius:.5rem;color:var(--shell-text);font-family:inherit;font-size:1rem;transition:border-color .12s ease,box-shadow .12s ease}.app-shell input[type=text]:focus{outline:none;border-color:var(--shell-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--shell-accent) 22%,transparent)}.app-shell input[type=text]::placeholder{color:var(--shell-text-subtle)}.app-shell input[type=text][aria-invalid=true]{border-color:var(--shell-danger-border);box-shadow:0 0 0 3px color-mix(in srgb,var(--shell-danger-border) 22%,transparent)}.lobby-landing button,.waiting-room button{font-family:inherit;font-size:.8125rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.65rem 1.15rem;border-radius:.5rem;border:1px solid var(--shell-accent);background:var(--shell-accent);color:#fffaf0;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease,transform 80ms ease,box-shadow .12s ease,opacity .12s ease}.lobby-landing button:hover:not(:disabled),.waiting-room button:hover:not(:disabled){background:var(--shell-accent-hover);border-color:var(--shell-accent-hover)}.lobby-landing button:active:not(:disabled),.waiting-room button:active:not(:disabled){transform:translateY(1px)}.lobby-landing button:disabled,.waiting-room button:disabled{background:var(--shell-accent-disabled);border-color:var(--shell-accent-disabled);color:var(--shell-text-subtle);cursor:not-allowed;opacity:.85}.lobby-landing{width:100%;max-width:34rem;display:flex;flex-direction:column;gap:1.5rem;padding:2rem 2.25rem 2.25rem;background:var(--shell-bg-elevated);border:1px solid var(--shell-border);border-radius:14px;box-shadow:var(--shell-shadow)}.lobby-landing__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1.25rem;border-bottom:1px solid var(--shell-border)}.lobby-landing__title{display:flex;flex-direction:column;gap:.4rem}.lobby-landing__header h1{margin:0;font-size:1.625rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--shell-text)}.lobby-landing__header p{margin:0;font-size:.875rem;color:var(--shell-text-muted)}.lobby-landing button.lobby-landing__how-to-play{flex:0 0 auto;align-self:center;padding:.5rem .9rem;font-size:.6875rem;letter-spacing:.18em;background:transparent;color:var(--shell-accent);border-color:var(--shell-accent)}.lobby-landing button.lobby-landing__how-to-play:hover:not(:disabled){background:color-mix(in srgb,var(--shell-accent) 12%,transparent);color:var(--shell-accent-hover)}.lobby-landing__name{display:flex;flex-direction:column}.lobby-landing__actions{display:grid;gap:1rem}@media(min-width:768px){.lobby-landing__actions{grid-template-columns:1fr 1fr}}.lobby-landing__create,.lobby-landing__join{display:flex;flex-direction:column;gap:.75rem;padding:1.1rem 1.1rem 1.25rem;background:var(--shell-bg);border:1px solid var(--shell-border);border-radius:10px}.lobby-landing__create h2,.lobby-landing__join h2{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--shell-accent)}.lobby-landing__create p{margin:0;color:var(--shell-text-muted);font-size:.875rem;line-height:1.45;flex:1}.lobby-landing__join input{letter-spacing:.3em;text-transform:uppercase;font-weight:600;font-family:ui-monospace,SF Mono,Menlo,monospace}.lobby-landing__hint{margin:.1rem 0 0;font-size:.75rem;color:var(--shell-text-muted)}.lobby-landing__counter{margin:.35rem 0 0;font-size:.6875rem;letter-spacing:.12em;color:var(--shell-text-subtle);text-align:right;font-variant-numeric:tabular-nums;text-transform:uppercase}.lobby-landing__counter--max{color:var(--shell-warn)}.lobby-landing__error{padding:.75rem 1rem;background:var(--shell-danger-bg);border:1px solid var(--shell-danger-border);color:var(--shell-danger-text);border-radius:.5rem;font-size:.875rem}.lobby-landing__name-error{margin:.4rem 0 0;font-size:.75rem;color:var(--shell-danger-text)}.waiting-room{width:100%;max-width:38rem;display:flex;flex-direction:column;gap:1.5rem;padding:2rem 2.25rem 2.25rem;background:var(--shell-bg-elevated);border:1px solid var(--shell-border);border-radius:14px;box-shadow:var(--shell-shadow)}.waiting-room__header{display:flex;flex-direction:column;gap:.4rem;padding-bottom:1.1rem;border-bottom:1px solid var(--shell-border)}.waiting-room__header h1{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--shell-text)}.waiting-room__header p{margin:0;color:var(--shell-text-muted);font-size:.875rem}.waiting-room__share{display:flex;flex-direction:column;gap:.85rem;padding:1rem;background:var(--shell-bg);border:1px solid var(--shell-border);border-radius:10px}.waiting-room__code{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.waiting-room__code-label{font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;color:var(--shell-text-muted)}.waiting-room__code-value{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.25rem;font-weight:700;letter-spacing:.3em;color:var(--shell-accent)}.waiting-room__link{display:flex;flex-direction:column;gap:.45rem}.waiting-room__link input{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.875rem}.waiting-room__link button,.waiting-room__code button{padding:.45rem .85rem;font-size:.6875rem;letter-spacing:.18em}.waiting-room__seats{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.seat{position:relative;padding:1.1rem 1rem 1rem;background:var(--shell-bg-input);border:1px solid var(--shell-border);border-radius:10px;display:flex;flex-direction:column;gap:.4rem}.seat:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;border-radius:10px 0 0 10px}.seat--player1:before{background:var(--color-player1)}.seat--player2:before{background:var(--color-player2)}.seat--empty{opacity:.7}.seat--empty:before{background:var(--shell-border-strong)}.seat__role{font-size:.6875rem;letter-spacing:.2em;text-transform:uppercase;color:var(--shell-text-muted)}.seat__name{font-size:1.05rem;font-weight:700;color:var(--shell-text)}.seat__name--empty{color:var(--shell-text-subtle);font-weight:400;font-style:italic}.seat__you{font-size:.6875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--shell-accent)}.seat__status{font-size:.75rem;color:var(--shell-text-muted);letter-spacing:.06em}.waiting-room__controls{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.waiting-room button.waiting-room__ready{background:var(--shell-bg);border-color:var(--shell-border-strong);color:var(--shell-text)}.waiting-room button.waiting-room__ready:hover:not(:disabled){background:var(--shell-bg-input);border-color:var(--shell-text-muted)}.waiting-room button.waiting-room__ready--cta{background:var(--shell-success);border-color:var(--shell-success);color:#fffaf0}.waiting-room button.waiting-room__ready--cta:hover:not(:disabled){background:color-mix(in srgb,var(--shell-success) 80%,black);border-color:color-mix(in srgb,var(--shell-success) 80%,black);color:#fffaf0}.waiting-room button.waiting-room__ready--cta:disabled{background:var(--shell-accent-disabled);border-color:var(--shell-accent-disabled);color:var(--shell-text-subtle)}.waiting-room button.waiting-room__leave{background:transparent;color:var(--shell-text-muted);border-color:var(--shell-border-strong);margin-left:auto}.waiting-room button.waiting-room__leave:hover:not(:disabled){color:var(--shell-text);border-color:var(--shell-text-muted)}.waiting-room__host-hint{margin:0;color:var(--shell-text-muted);font-size:.8125rem;font-style:italic}.waiting-room__error{padding:.75rem 1rem;background:var(--shell-danger-bg);border:1px solid var(--shell-danger-border);color:var(--shell-danger-text);border-radius:.5rem;font-size:.875rem}.waiting-room__fallback{padding:2rem;background:var(--shell-bg-elevated);border:1px solid var(--shell-border);border-radius:14px;text-align:center;display:flex;flex-direction:column;gap:1rem;align-items:center;color:var(--shell-text-muted)}.waiting-room__fallback-recover{display:flex;flex-direction:column;gap:.75rem;align-items:center}.waiting-room__fallback-recover button{padding:.6rem 1.1rem;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border-radius:.5rem;border:1px solid var(--shell-accent);background:var(--shell-accent);color:#fffaf0;cursor:pointer}.reconnection-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#140c008c;display:flex;align-items:center;justify-content:center;z-index:1000}.reconnection-overlay__panel{background:var(--shell-bg-elevated);border:1px solid var(--shell-border);border-radius:14px;padding:2rem 2.5rem;text-align:center;box-shadow:var(--shell-shadow);min-width:18rem}.reconnection-overlay__panel h2{margin:0 0 .5rem;font-size:1.1rem;letter-spacing:.14em;text-transform:uppercase;color:var(--shell-accent)}.reconnection-overlay__panel p{margin:0;color:var(--shell-text-muted);font-size:.875rem}.reconnection-overlay__elapsed{margin-top:.85rem!important;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.1rem;color:var(--shell-text);font-variant-numeric:tabular-nums}.how-to-play{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center}.how-to-play__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#140c008c;border:none;cursor:pointer}.how-to-play__panel{position:relative;width:min(40rem,calc(100vw - 2rem));max-height:calc(100vh - 2rem);display:flex;flex-direction:column;background:var(--shell-bg-elevated);border:1px solid var(--shell-border);border-radius:14px;box-shadow:var(--shell-shadow);overflow:hidden}.how-to-play__header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem .75rem;border-bottom:1px solid var(--shell-border)}.how-to-play__badge{font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;color:var(--shell-accent);font-weight:700}.how-to-play__close{background:none;border:none;color:var(--shell-text-muted);font-size:1.5rem;line-height:1;cursor:pointer;padding:.25rem .5rem}.how-to-play__close:hover{color:var(--shell-text)}.how-to-play__progress{height:3px;background:var(--shell-border)}.how-to-play__progress-fill{height:100%;background:var(--shell-accent);transition:width .2s ease}.how-to-play__body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1;color:var(--shell-text);line-height:1.55}.how-to-play__title{margin:0 0 .85rem;font-size:1.35rem;font-weight:700;letter-spacing:.04em;color:var(--shell-text)}.how-to-play__body p{margin:0 0 .85rem;font-size:.9375rem;color:var(--shell-text)}.how-to-play__body strong{color:var(--shell-accent-hover)}.how-to-play__hint{margin-top:.85rem!important;padding:.7rem .85rem;background:color-mix(in srgb,var(--shell-accent) 8%,transparent);border-left:3px solid var(--shell-accent);border-radius:.25rem;color:var(--shell-text-muted)!important;font-size:.875rem!important}.how-to-play__footnote{margin-top:1rem!important;font-size:.8125rem!important;color:var(--shell-text-subtle)!important}.how-to-play__round{list-style:none;margin:0 0 .85rem;padding:0;display:flex;flex-direction:column;gap:.6rem}.how-to-play__round li{display:flex;gap:.85rem;font-size:.9375rem;color:var(--shell-text)}.how-to-play__round-step{flex:0 0 auto;width:5.5rem;font-size:.6875rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--shell-accent);padding-top:.15rem}.how-to-play__checklist{list-style:none;margin:0 0 .85rem;padding:0;display:flex;flex-direction:column;gap:.55rem}.how-to-play__checklist li{display:flex;gap:.7rem;font-size:.9375rem;color:var(--shell-text)}.how-to-play__check{flex:0 0 auto;width:1.1rem;text-align:center;font-weight:700;color:var(--shell-success)}.how-to-play__check--danger{color:var(--shell-danger-border)}.how-to-play__tips{list-style:none;margin:0 0 .85rem;padding:0;display:flex;flex-direction:column;gap:.55rem}.how-to-play__tips li{font-size:.9375rem;color:var(--shell-text)}.how-to-play__footer{display:flex;flex-direction:column;gap:.85rem;padding:.85rem 1.25rem 1rem;border-top:1px solid var(--shell-border);background:var(--shell-bg)}.how-to-play__dots{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.how-to-play__dot-group{display:flex;flex-direction:column;align-items:center;gap:.3rem;opacity:.55}.how-to-play__dot-group--active{opacity:1}.how-to-play__dot-group-label{font-size:.625rem;letter-spacing:.16em;text-transform:uppercase;color:var(--shell-text-muted)}.how-to-play__dot-group-dots{display:flex;gap:.4rem}.how-to-play__dot{width:.65rem;height:.65rem;border-radius:50%;border:1px solid var(--shell-border-strong);background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.how-to-play__dot--upcoming{background:transparent}.how-to-play__dot--active{background:var(--shell-accent);border-color:var(--shell-accent);transform:scale(1.2)}.how-to-play__dot--done{background:var(--shell-accent-disabled);border-color:var(--shell-accent-disabled)}.how-to-play__dot-tick{font-size:.5rem;color:var(--shell-accent-hover);font-weight:700}.how-to-play__nav{display:flex;justify-content:space-between;gap:.75rem}.how-to-play__nav-btn{font-family:inherit;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.55rem 1.1rem;border-radius:.5rem;border:1px solid var(--shell-border-strong);background:transparent;color:var(--shell-text-muted);cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.how-to-play__nav-btn:hover:not(:disabled){background:var(--shell-bg-input);color:var(--shell-text)}.how-to-play__nav-btn:disabled{opacity:.5;cursor:not-allowed}.how-to-play__nav-btn--primary{background:var(--shell-accent);border-color:var(--shell-accent);color:#fffaf0}.how-to-play__nav-btn--primary:hover:not(:disabled){background:var(--shell-accent-hover);border-color:var(--shell-accent-hover);color:#fffaf0}.game-session{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem}.game-session>*{min-width:0}.game-session__footer{display:flex;justify-content:center;margin-top:.5rem}.game-session__leave{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:.5rem 1.1rem;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:transparent;color:var(--shell-text-muted);border:1px solid var(--shell-border);border-radius:8px;transition:background .12s ease,color .12s ease,border-color .12s ease}.game-session__leave:hover{background:var(--shell-danger-bg);color:var(--shell-danger-text);border-color:var(--shell-danger-border)}.game-session__partner-offline{margin:0;align-self:flex-start;padding:.3rem .65rem;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:var(--shell-danger-bg);border:1px solid var(--shell-danger-border);color:var(--shell-danger-text);border-radius:999px}.player-hud{position:relative;display:flex;flex-direction:column;gap:.85rem;padding:1rem 1.1rem 1.1rem;background:var(--shell-bg-elevated);border:1px solid var(--shell-border);border-radius:12px;box-shadow:var(--shell-shadow);overflow:hidden}.player-hud:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--shell-border-strong)}.player-hud--player1:before{background:var(--color-player1)}.player-hud--player2:before{background:var(--color-player2)}.player-hud--current{border-color:var(--shell-accent);box-shadow:0 0 0 1px var(--shell-accent) inset,var(--shell-shadow)}.player-hud--top-of-stack:after{content:"Top of stack";position:absolute;top:.75rem;right:.85rem;font-size:.625rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--shell-text-muted)}.player-hud__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.player-hud__identity{display:flex;flex-direction:column;gap:.15rem}.player-hud__slot{font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;color:var(--shell-text-muted)}.player-hud__name{margin:0;font-size:1.15rem;font-weight:700;color:var(--shell-text)}.player-hud__turn-badge{align-self:flex-start;padding:.25rem .6rem;font-size:.625rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;background:var(--shell-accent);color:#fffaf0;border-radius:999px}.player-hud__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));gap:.5rem .75rem;margin:0;padding:0}.player-hud__stat{display:flex;flex-direction:column;gap:.15rem;padding:.55rem .65rem;background:var(--shell-bg-input);border:1px solid var(--shell-border);border-radius:8px}.player-hud__stat dt{margin:0;font-size:.625rem;letter-spacing:.14em;text-transform:uppercase;color:var(--shell-text-muted)}.player-hud__stat dd{margin:0;font-size:1.1rem;font-weight:700;color:var(--shell-text);font-variant-numeric:tabular-nums}.player-hud__stat--score{background:var(--shell-bg-elevated);border-color:var(--shell-border-strong)}.player-hud__stat--score dd{color:var(--shell-accent)}.player-hud__bonus{margin:0;font-size:.75rem;font-weight:600;color:var(--shell-success);letter-spacing:.05em}.time-track{list-style:none;margin:0;padding:.75rem;display:flex;flex-wrap:wrap;gap:.25rem;background:var(--shell-bg-elevated);border:1px solid var(--shell-border);border-radius:12px;box-shadow:var(--shell-shadow)}.time-track__cell{position:relative;flex:0 0 auto;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--shell-bg-input);border:1px solid var(--shell-border);border-radius:6px;font-size:.6875rem;color:var(--shell-text-muted);font-variant-numeric:tabular-nums}.time-track__pos{position:absolute;top:.1rem;left:.2rem;font-size:.55rem;letter-spacing:.04em;color:var(--shell-text-subtle)}.time-track__icon{font-size:.9rem;line-height:1}.time-track__icon--button{color:var(--shell-accent)}.time-track__icon--leather{color:var(--shell-border-strong)}.time-track__cell--leather-claimed{background:var(--shell-bg);opacity:.55}.time-track__tokens{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.time-track__token{position:absolute;width:.85rem;height:.85rem;border-radius:50%;border:2px solid #fdf6e7;box-shadow:0 1px 2px #3c280a59}.time-track__token--player1{background:var(--color-player1)}.time-track__token--player2{background:var(--color-player2)}.time-track__token--seven{outline:2px solid var(--shell-accent);outline-offset:1px}.time-track__token--player1+.time-track__token--player2,.time-track__token--player2+.time-track__token--player1{transform:translate(.35rem,.35rem)}.patch-market{position:relative;padding:1.5rem .75rem .75rem;background:var(--shell-bg-elevated);border:1px solid var(--shell-border);border-radius:12px;box-shadow:var(--shell-shadow)}.patch-market:before,.patch-market:after{content:"";position:absolute;top:1.5rem;bottom:.75rem;width:2rem;pointer-events:none;z-index:3;border-radius:12px}.patch-market:before{left:.75rem;background:linear-gradient(to right,var(--shell-bg-elevated),transparent)}.patch-market:after{right:.75rem;background:linear-gradient(to left,var(--shell-bg-elevated),transparent)}.patch-market__strip{list-style:none;margin:0;padding:0 0 .5rem;display:flex;gap:.5rem;align-items:stretch;overflow-x:auto;overflow-y:visible;scroll-padding-inline:2rem;scrollbar-color:var(--shell-border-strong) transparent;scrollbar-width:thin}.patch-market__strip::-webkit-scrollbar{height:10px}.patch-market__strip::-webkit-scrollbar-track{background:var(--shell-bg-input);border-radius:999px}.patch-market__strip::-webkit-scrollbar-thumb{background:var(--shell-border-strong);border-radius:999px;border:2px solid var(--shell-bg-input)}.patch-market__strip::-webkit-scrollbar-thumb:hover{background:var(--shell-accent)}.patch-market__slot{position:relative;flex:0 0 auto;padding-top:.6rem}.patch-market__neutral-pawn{position:absolute;top:-.55rem;left:50%;transform:translate(-50%);width:0;height:0;border-left:.55rem solid transparent;border-right:.55rem solid transparent;border-top:.7rem solid var(--shell-accent);filter:drop-shadow(0 1px 2px rgba(0,0,0,.35));z-index:2}.patch-market__neutral-pawn:after{content:"NEXT";position:absolute;top:-1.1rem;left:50%;transform:translate(-50%);font-size:.55rem;font-weight:700;letter-spacing:.12em;color:var(--shell-accent);white-space:nowrap}.patch-market__slot--neutral-pawn .patch-market__card{border-color:var(--shell-accent);box-shadow:0 0 0 2px var(--shell-accent) inset}.patch-market__card{position:relative;display:flex;flex-direction:column;gap:.4rem;align-items:center;padding:.6rem .55rem;width:6.75rem;background:var(--shell-bg-input);border:1px solid var(--shell-border);border-radius:10px;cursor:pointer;overflow:hidden;opacity:.45;filter:grayscale(.4);transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease,opacity .12s ease,filter .12s ease}.patch-market__card:hover:not(:disabled){border-color:var(--shell-accent);transform:translateY(-2px);box-shadow:0 4px 12px #3c280a2e}.patch-market__card:disabled{cursor:not-allowed}.patch-market__slot--buyable .patch-market__card{opacity:1;filter:none;border-color:var(--shell-accent);box-shadow:0 0 0 3px var(--shell-accent) inset,0 4px 14px #b25f1e40;background:color-mix(in srgb,var(--shell-accent) 7%,var(--shell-bg-input));touch-action:pan-x;cursor:grab}.patch-market__slot--buyable .patch-market__card:active{cursor:grabbing}.patch-market__slot--bought .patch-market__card{opacity:.25;filter:grayscale(.7)}.patch-market__costs{display:grid;grid-template-columns:repeat(3,1fr);gap:.2rem;margin:0;width:100%;min-width:0}.patch-market__costs>div{display:flex;flex-direction:column;align-items:center;gap:.05rem;min-width:0;overflow:hidden}.patch-market__costs dt{margin:0;font-size:.55rem;letter-spacing:.05em;text-transform:uppercase;color:var(--shell-text-muted);white-space:nowrap;overflow:hidden;text-overflow:clip}.patch-market__costs dd{margin:0;font-size:.75rem;font-weight:700;color:var(--shell-text);font-variant-numeric:tabular-nums}.patch-market__cost--unaffordable dt,.patch-market__cost--unaffordable dd{color:var(--shell-danger-border)}.patch-thumbnail{display:grid;gap:1px;padding:1px;background:var(--shell-border);border-radius:3px}.patch-thumbnail__cell{display:block;background:var(--shell-bg-input);border-radius:1px}.patch-thumbnail__cell--filled{background:var(--shell-text)}.game-session__boards{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr);width:100%}.board-panel{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--shell-bg-elevated);border:1px solid var(--shell-border);border-radius:12px;box-shadow:var(--shell-shadow)}.board-panel__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.board-panel__heading{margin:0;font-size:.875rem;font-weight:700;letter-spacing:.08em;color:var(--shell-text)}.board-panel__swap{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;background:var(--shell-bg-input);color:var(--shell-text);border:1px solid var(--shell-border-strong);border-radius:999px;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}.board-panel__swap:hover:not(:disabled){background:var(--shell-accent);color:#fffaf0;border-color:var(--shell-accent);transform:rotate(90deg)}.board-panel__swap:disabled{cursor:not-allowed;opacity:.45}.board-panel__swap[aria-pressed=true]{background:var(--shell-accent);color:#fffaf0;border-color:var(--shell-accent)}.board-panel__view-only{flex:0 0 auto;margin-left:auto;padding:.25rem .55rem;font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--shell-text-muted);background:var(--shell-bg-input);border:1px solid var(--shell-border);border-radius:999px}.board-panel--read-only{border-style:dashed;border-color:var(--shell-border-strong)}.board-panel--read-only .board-panel__heading{color:var(--shell-text-muted)}.board-panel__body{display:grid;gap:.85rem;grid-template-columns:minmax(0,1fr)}.board-panel__hud{order:-1;min-width:0}.board-panel__quilt{min-width:0}@media(min-width:1024px){.board-panel__body{grid-template-columns:minmax(0,1fr) minmax(12rem,16rem);align-items:start}.board-panel__hud{order:0;position:sticky;top:1rem}.board-panel__hud .player-hud__stats{grid-template-columns:minmax(0,1fr)}}.quilt-board{display:grid;grid-template-rows:repeat(9,1fr);gap:2px;padding:4px;background:var(--shell-border-strong);border-radius:8px;aspect-ratio:1 / 1;width:100%;margin:0 auto}.quilt-board__row{display:grid;grid-template-columns:repeat(9,1fr);gap:2px}.quilt-board__cell{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background:var(--shell-bg-input);border-radius:2px;cursor:pointer;aspect-ratio:1 / 1;touch-action:none;transition:background .1s ease,box-shadow .1s ease}.quilt-board__cell:disabled{cursor:default}.quilt-board--read-only .quilt-board__cell{cursor:default}.quilt-board--read-only .quilt-board__cell:hover:not(:disabled){box-shadow:none}.quilt-board__cell:hover:not(:disabled){box-shadow:0 0 0 2px var(--shell-accent) inset}.quilt-board__cell--occupied{background:var(--shell-text-muted)}.quilt-board[data-owner-slot=Player1] .quilt-board__cell--occupied{background:var(--color-player1)}.quilt-board[data-owner-slot=Player2] .quilt-board__cell--occupied{background:var(--color-player2)}.quilt-board__cell--preview-valid{background:color-mix(in srgb,var(--shell-success) 70%,var(--shell-bg-input));box-shadow:0 0 0 2px var(--shell-success) inset}.quilt-board__cell--preview-invalid{background:color-mix(in srgb,var(--shell-danger-border) 50%,var(--shell-bg-input));box-shadow:0 0 0 2px var(--shell-danger-border) inset}.game-session__actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-start}.game-session__advance{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:.7rem 1.2rem;font-size:.8125rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:var(--shell-accent);color:#fffaf0;border:1px solid var(--shell-accent);border-radius:8px;transition:background .12s ease,border-color .12s ease}.game-session__advance:hover:not(:disabled){background:var(--shell-accent-hover);border-color:var(--shell-accent-hover)}.game-session__error{padding:.6rem .85rem;background:var(--shell-danger-bg);border:1px solid var(--shell-danger-border);color:var(--shell-danger-text);border-radius:8px;font-size:.875rem}.placement-controls{display:flex;flex-direction:column;gap:.85rem;padding:.85rem 1rem;background:var(--shell-bg-elevated);border:1px solid var(--shell-border-strong);border-radius:10px;box-shadow:var(--shell-shadow);flex:1 1 auto}.placement-controls__patch{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.placement-controls__patch dl{display:grid;grid-template-columns:repeat(3,auto);gap:.25rem 1rem;margin:0}.placement-controls__patch dl>div{display:flex;flex-direction:column;gap:.1rem}.placement-controls__patch dt{margin:0;font-size:.625rem;letter-spacing:.14em;text-transform:uppercase;color:var(--shell-text-muted)}.placement-controls__patch dd{margin:0;font-size:.95rem;font-weight:700;color:var(--shell-text);font-variant-numeric:tabular-nums}.placement-controls__buttons{display:flex;flex-wrap:wrap;gap:.5rem}.placement-controls__buttons button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:.5rem .85rem;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:var(--shell-bg-input);color:var(--shell-text);border:1px solid var(--shell-border-strong);border-radius:6px;transition:background .12s ease,color .12s ease,border-color .12s ease}.placement-controls__buttons button:hover:not(:disabled){background:var(--shell-text-muted);color:#fffaf0;border-color:var(--shell-text-muted)}.placement-controls__buttons button:disabled{cursor:not-allowed;opacity:.5}.placement-controls__buttons button[data-testid=confirm-placement-button]{background:var(--shell-accent);color:#fffaf0;border-color:var(--shell-accent)}.placement-controls__buttons button[data-testid=confirm-placement-button]:hover:not(:disabled){background:var(--shell-accent-hover);border-color:var(--shell-accent-hover)}.patch-puck{display:inline-flex;flex-direction:column;align-items:center;gap:.4rem;padding:.5rem .6rem .55rem;background:var(--shell-bg-elevated);border:2px dashed var(--shell-accent);border-radius:10px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.patch-puck:hover:not(.patch-puck--disabled){transform:translateY(-1px);box-shadow:0 4px 10px color-mix(in srgb,var(--shell-accent) 25%,transparent)}.patch-puck:active:not(.patch-puck--disabled){cursor:grabbing;transform:scale(.97)}.patch-puck--disabled{cursor:not-allowed;border-color:var(--shell-border);opacity:.55}.patch-puck__shape{display:grid;gap:2px}.patch-puck__cell{background:transparent;border-radius:2px}.patch-puck__cell--filled{background:var(--shell-text-muted)}.patch-puck__shape[data-owner-slot=Player1] .patch-puck__cell--filled{background:var(--color-player1)}.patch-puck__shape[data-owner-slot=Player2] .patch-puck__cell--filled{background:var(--color-player2)}.patch-puck__hint{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--shell-accent);text-align:center}.patch-puck--disabled .patch-puck__hint{color:var(--shell-text-muted)}.game-over{display:flex;flex-direction:column;gap:1.25rem;padding:2rem 2.25rem 2.25rem;background:var(--shell-bg-elevated);border:1px solid var(--shell-border);border-radius:14px;box-shadow:var(--shell-shadow)}.game-over__banner{display:flex;flex-direction:column;gap:.4rem;padding-bottom:1rem;border-bottom:1px solid var(--shell-border)}.game-over__banner h2{margin:0;font-size:1.6rem;font-weight:700;letter-spacing:.06em;color:var(--shell-accent)}.game-over__detail{margin:0;font-size:.95rem;color:var(--shell-text-muted)}.game-over__breakdowns{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:768px){.game-over__breakdowns{grid-template-columns:1fr 1fr}}.game-over__card{padding:1.1rem 1.2rem;background:var(--shell-bg-input);border:1px solid var(--shell-border);border-radius:10px}.game-over__card h3{margin:0 0 .85rem;font-size:1.1rem;font-weight:700;color:var(--shell-text)}.game-over__card dl{display:grid;gap:.4rem;margin:0}.game-over__card dl>div{display:flex;justify-content:space-between;gap:1rem;padding:.3rem 0;border-bottom:1px dashed var(--shell-border)}.game-over__card dl>div:last-child{border-bottom:none}.game-over__card dt{margin:0;font-size:.8125rem;color:var(--shell-text-muted)}.game-over__card dd{margin:0;font-size:.95rem;font-weight:700;color:var(--shell-text);font-variant-numeric:tabular-nums}.game-over__total{margin-top:.4rem;padding-top:.55rem!important;border-top:1px solid var(--shell-border-strong)}.game-over__total dt,.game-over__total dd{font-size:1rem}.game-over__total dd{color:var(--shell-accent)}.game-over__card--winner{background:var(--shell-bg-elevated);border-color:var(--shell-accent);box-shadow:0 0 0 1px var(--shell-accent) inset}.game-over__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.game-over__new-game,.game-over__leave{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:.7rem 1.4rem;font-size:.8125rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border-radius:8px;transition:background .12s ease,border-color .12s ease,color .12s ease}.game-over__new-game{background:var(--shell-accent);color:#fffaf0;border:1px solid var(--shell-accent)}.game-over__new-game:hover:not(:disabled){background:var(--shell-accent-hover);border-color:var(--shell-accent-hover)}.game-over__new-game:disabled{background:var(--shell-accent-disabled);border-color:var(--shell-accent-disabled);color:var(--shell-text-subtle);cursor:not-allowed}.game-over__leave{background:var(--shell-bg);color:var(--shell-text);border:1px solid var(--shell-border-strong)}.game-over__leave:hover{background:var(--shell-bg-input);border-color:var(--shell-text-muted)}.stats-page{width:100%;max-width:72rem;margin-inline:auto;display:flex;flex-direction:column;gap:1.25rem;padding:1.75rem 2rem 2rem;background:var(--shell-bg-elevated);border:1px solid var(--shell-border);border-radius:14px;box-shadow:var(--shell-shadow)}.stats-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--shell-border)}.stats-page__title{display:flex;flex-direction:column;gap:.35rem;min-width:0}.stats-page__title h1{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:.04em;color:var(--shell-text)}.stats-page__title p{margin:0;font-size:.85rem;color:var(--shell-text-muted)}.stats-page__back{font-family:inherit;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.5rem .9rem;border-radius:.5rem;border:1px solid var(--shell-border-strong);background:transparent;color:var(--shell-text-muted);cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease;align-self:center;flex:0 0 auto}.stats-page__back:hover{background:var(--shell-bg-input);color:var(--shell-text);border-color:var(--shell-accent)}.stats-page__controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between}.stats-page__toggle,.stats-page__period{display:inline-flex;border:1px solid var(--shell-border);border-radius:999px;padding:.2rem;background:var(--shell-bg);gap:.15rem}.stats-page__toggle-btn,.stats-page__period-btn{font-family:inherit;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.45rem 1rem;border:none;border-radius:999px;background:transparent;color:var(--shell-text-muted);cursor:pointer;transition:background .12s ease,color .12s ease}.stats-page__toggle-btn:hover,.stats-page__period-btn:hover{color:var(--shell-text)}.stats-page__toggle-btn--active,.stats-page__period-btn--active{background:var(--shell-accent);color:#fffaf0}.stats-page__loading,.stats-page__error{margin:0;padding:1.25rem;background:var(--shell-bg);border:1px solid var(--shell-border);border-radius:10px;font-size:.9rem;color:var(--shell-text-muted);text-align:center}.stats-page__error{background:var(--shell-danger-bg);border-color:var(--shell-danger-border);color:var(--shell-danger-text)}.stats-summary{display:flex;flex-direction:column;gap:1.25rem}.stats-summary__kpis{display:grid;gap:.85rem;grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.stats-summary__kpis{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.stats-summary__kpis{grid-template-columns:repeat(6,1fr)}}.stats-kpi{position:relative;padding:1rem 1.1rem 1.1rem;background:var(--shell-bg);border:1px solid var(--shell-border);border-radius:10px;display:flex;flex-direction:column;gap:.35rem;overflow:hidden}.stats-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--shell-border-strong)}.stats-kpi--accent:before{background:var(--shell-accent)}.stats-kpi--success:before{background:var(--shell-success)}.stats-kpi__label{margin:0;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--shell-text-muted)}.stats-kpi__value{margin:0;font-size:1.6rem;font-weight:700;color:var(--shell-text);font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Menlo,monospace}.stats-kpi--success .stats-kpi__value{color:var(--shell-success)}.stats-kpi--accent .stats-kpi__value{color:var(--shell-accent)}.stats-kpi__sublabel{margin:0;font-size:.75rem;color:var(--shell-text-muted);font-variant-numeric:tabular-nums}.stats-summary__grid{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:900px){.stats-summary__grid{grid-template-columns:1fr 1fr}.stats-card--full{grid-column:1 / -1}}.stats-card{background:var(--shell-bg);border:1px solid var(--shell-border);border-radius:10px;padding:1rem 1.1rem 1.1rem;display:flex;flex-direction:column;gap:.85rem}.stats-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.stats-card__title{margin:0;font-size:.9rem;font-weight:700;color:var(--shell-text)}.stats-card__subtitle{margin:.2rem 0 0;font-size:.75rem;color:var(--shell-text-muted)}.stats-card__legend,.stats-summary__legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.85rem;font-size:.75rem;color:var(--shell-text-muted)}.stats-card__legend li{display:inline-flex;align-items:center;gap:.4rem}.stats-card__legend-swatch{display:inline-block;width:10px;height:10px;border-radius:2px}.stats-card__body{width:100%}.stats-chart{width:100%;height:auto;display:block}.stats-chart__grid{stroke:var(--shell-border);stroke-dasharray:3 4;stroke-width:1;opacity:.6}.stats-chart__y-label,.stats-chart__x-label{fill:var(--shell-text-subtle);font-size:10px;font-family:ui-monospace,SF Mono,Menlo,monospace}.stats-chart__bar-segment{transition:opacity .12s ease}.stats-chart__bar-segment:hover{opacity:.85}.stats-chart--donut{margin:0 auto;display:block}.stats-chart__donut-value{fill:var(--shell-text);font-size:22px;font-weight:700;font-family:ui-monospace,SF Mono,Menlo,monospace}.stats-chart__donut-label{fill:var(--shell-text-muted);font-size:9px;letter-spacing:.18em;text-transform:uppercase}.stats-chart__donut-empty{fill:var(--shell-text-subtle);font-size:22px;font-family:ui-monospace,SF Mono,Menlo,monospace}.stats-summary__donut-row{display:grid;grid-template-columns:1fr;gap:1rem;align-items:center}@media(min-width:480px){.stats-summary__donut-row{grid-template-columns:auto 1fr}}.stats-summary__legend{flex-direction:column;gap:.5rem;font-size:.85rem;color:var(--shell-text)}.stats-summary__legend li{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:.65rem;padding:.4rem .6rem;border:1px solid var(--shell-border);border-radius:6px;background:var(--shell-bg-input)}.stats-summary__legend-swatch{width:12px;height:12px;border-radius:50%}.stats-summary__legend-name{color:var(--shell-text-muted)}.stats-summary__legend-value{font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:700;color:var(--shell-text)}.stats-summary__legend-empty{color:var(--shell-text-muted);font-style:italic}.stats-detail{display:flex;flex-direction:column;gap:1rem;background:var(--shell-bg);border:1px solid var(--shell-border);border-radius:10px;padding:1rem 1.1rem 1.1rem}.stats-detail__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.stats-detail__pager{display:inline-flex;gap:.4rem}.stats-detail__pager button{font-family:inherit;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.45rem .85rem;border-radius:.4rem;border:1px solid var(--shell-border-strong);background:transparent;color:var(--shell-text-muted);cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.stats-detail__pager button:hover:not(:disabled){background:var(--shell-bg-input);border-color:var(--shell-accent);color:var(--shell-text)}.stats-detail__pager button:disabled{opacity:.4;cursor:not-allowed}.stats-detail__error{margin:0;padding:.75rem 1rem;background:var(--shell-danger-bg);border:1px solid var(--shell-danger-border);color:var(--shell-danger-text);border-radius:.5rem;font-size:.85rem}.stats-detail__empty{margin:0;padding:2rem;text-align:center;color:var(--shell-text-muted);font-size:.9rem}.stats-detail__table-wrap{overflow-x:auto;margin:0 -.25rem}.stats-detail__table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:720px}.stats-detail__table thead th{text-align:left;padding:.7rem .85rem;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--shell-text-muted);font-weight:700;border-bottom:1px solid var(--shell-border);background:var(--shell-bg-input)}.stats-detail__table tbody tr{transition:background .12s ease}.stats-detail__table tbody tr:nth-child(2n){background:var(--shell-bg-input)}.stats-detail__table tbody tr:hover{background:var(--shell-bg-elevated)}.stats-detail__table td{padding:.65rem .85rem;border-bottom:1px solid var(--shell-border);color:var(--shell-text)}.stats-detail__cell-mono{font-family:ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.04em;color:var(--shell-text)}.stats-detail__outcome{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid currentColor}.stats-detail__outcome--player1{color:var(--color-player1)}.stats-detail__outcome--player2{color:var(--color-player2)}.stats-detail__outcome--tie{color:var(--shell-warn)}.stats-detail__outcome--pending{color:var(--shell-text-muted)}@media(max-width:600px){.stats-page{padding:1.25rem 1rem}.stats-page__title h1{font-size:1.15rem}.stats-page__controls{flex-direction:column;align-items:stretch}.stats-page__toggle,.stats-page__period{justify-content:center}.stats-kpi__value{font-size:1.3rem}}