:root{color:#f7f4eb;background:#181818;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--felt: #262522;--felt-dark: #171614;--ink: #1c1a16;--paper: #fbf8ef;--muted: #c8b98a;--gold: #f2c14e;--red: #b62831;--black: #182320;--blue: #3d3422;--card-width: 4.5rem;--card-height: 6.25rem}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;background:linear-gradient(115deg,rgba(242,193,78,.2),transparent 34%),repeating-linear-gradient(45deg,rgba(242,193,78,.06) 0,rgba(242,193,78,.06) 1px,transparent 1px,transparent 10px),linear-gradient(180deg,#242424,#161616)}button{font:inherit}.app-shell{width:min(1180px,100%);min-height:100dvh;margin:0 auto;padding:1rem;display:grid;grid-template-columns:minmax(0,1fr) 18rem;grid-template-rows:auto auto auto 1fr auto;gap:.875rem}.topbar,.score-strip,.opponent-area,.human-area,.log-panel{background:#1c1b18c7;border:1px solid rgba(242,193,78,.18);border-radius:8px;box-shadow:0 18px 40px #0003}.topbar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem}.eyebrow,.metric-label{display:block;margin:0 0 .25rem;color:var(--muted);font-size:.75rem;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:1.65rem;line-height:1.1}.brand-title{display:flex;align-items:center;gap:.55rem}.crown-mark{width:2.4rem;height:1.75rem;flex:0 0 auto;overflow:visible;filter:drop-shadow(0 .2rem .35rem rgba(0,0,0,.34));transform:rotate(-3deg)}.crown-fill{fill:#f2c14ee6;stroke:#f8d77a;stroke-linejoin:round;stroke-width:3.2}.crown-line{fill:none;stroke:#211d14;stroke-linecap:round;stroke-width:3}.crown-line.accent{stroke-width:2.2;opacity:.78}.crown-dot{fill:#f8d77a;stroke:#211d14;stroke-width:1.8}h2{font-size:1rem}.actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.control-button{min-height:2.5rem;border:1px solid rgba(247,244,235,.28);border-radius:8px;color:#f7f4eb;background:#ffffff14;padding:0 .9rem;cursor:pointer}.control-button.primary{color:#17211f;border-color:#f2c14e;background:#f2c14e;font-weight:800}.control-button:disabled{cursor:not-allowed;opacity:.45}.winner-banner{grid-column:1 / -1;border-radius:8px;background:#f2c14e;color:#17211f;padding:.85rem 1rem;font-weight:900}.score-strip{grid-column:1 / -1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;padding:.85rem 1rem}.score-strip strong,.player-row strong,.human-header strong{font-size:1rem}.opponent-area{grid-column:1 / 2;padding:.75rem 1rem}.player-row,.human-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.opponent-hand{min-height:3.7rem;display:flex;align-items:center;justify-content:flex-end;padding-right:1rem}.card-back{width:2.45rem;height:3.4rem;object-fit:cover;border-radius:6px;box-shadow:0 .25rem .75rem #00000040;margin-right:-1rem}.table-wrap{grid-column:1 / 2;min-height:27rem;border-radius:8px;background:linear-gradient(135deg,rgba(242,193,78,.13),transparent 36%),repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 12px),var(--felt);border:1px solid rgba(242,193,78,.22);box-shadow:inset 0 0 0 .5rem #0d0d0d52;display:grid;place-items:center;padding:1rem}.tableau{width:min(43rem,100%);display:grid;grid-template-columns:repeat(3,minmax(6.5rem,1fr));grid-template-rows:repeat(3,minmax(7.6rem,auto));gap:.85rem;align-items:stretch}.grid-cell{min-width:0}.pile{width:100%;height:100%;min-height:7.6rem;border:1px dashed rgba(247,244,235,.42);border-radius:8px;color:#f7f4eb;background:#12121194;padding:.45rem;position:relative;cursor:pointer;overflow:hidden}.pile:hover,.pile.is-selected{border-style:solid;border-color:#f2c14e}.pile.is-legal{outline:3px solid rgba(242,193,78,.82);outline-offset:2px}.pile-name,.pile-count{position:absolute;top:.35rem;z-index:2;color:#f7f4ebe0;font-size:.75rem;font-weight:800}.pile-name{left:.45rem}.pile-count{right:.45rem}.pile-cards{display:block;position:relative;height:6.4rem;margin-top:1rem}.pile-cards .playing-card{position:absolute;left:min(calc(var(--card-index) * .62rem),2.7rem);top:min(calc(var(--card-index) * .32rem),1.35rem)}.empty-slot{display:block;width:var(--card-width);height:var(--card-height);margin:.35rem auto 0;border:1px dashed rgba(247,244,235,.34);border-radius:8px;background:#ffffff0a}.stock{min-height:7.6rem;border-radius:8px;display:grid;place-items:center;color:#17211f;font-weight:900;position:relative}.stock img{width:var(--card-width);height:var(--card-height);border-radius:8px;box-shadow:0 .7rem 1.3rem #00000047}.stock span{position:absolute;bottom:.75rem;min-width:2rem;border-radius:999px;background:#f2c14e;padding:.12rem .45rem;text-align:center}.playing-card{width:var(--card-width);height:var(--card-height);border:1px solid rgba(23,33,31,.16);border-radius:8px;background:var(--paper);color:var(--black);box-shadow:0 .45rem 1rem #0000003b;padding:.32rem;display:grid;grid-template-rows:auto 1fr auto;justify-items:start;cursor:default;position:relative;font-weight:900}button.playing-card{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}button.playing-card:hover,button.playing-card.is-selected{transform:translateY(-.45rem);box-shadow:0 .7rem 1.25rem #00000052}button.playing-card.is-selected{outline:3px solid #f2c14e;outline-offset:2px}.playing-card.red{color:var(--red)}.playing-card.wild{color:#211d14;border-color:#f2c14ed1;background:linear-gradient(145deg,#f2c14ed9,#fbf8eff5 46%),var(--paper)}.playing-card.wild .card-rank{font-size:.78rem;text-transform:uppercase}.playing-card.wild .card-suit{color:#a66f00}.playing-card.wild .card-center{align-self:center;justify-self:center;border:2px solid rgba(33,29,20,.78);border-radius:999px;padding:.14rem .24rem;color:#211d14;font-size:.82rem;line-height:1;text-transform:uppercase}.card-rank{font-size:1.05rem;line-height:1}.card-suit{font-size:1rem;line-height:1}.card-center{place-self:center;font-size:2rem;line-height:1}.human-area{grid-column:1 / 2;padding:.9rem 1rem 1rem}.notice{color:#f2c14e;font-weight:800;text-align:right}.hand{min-height:7rem;display:flex;align-items:end;gap:.45rem;overflow-x:auto;padding:.85rem .15rem .25rem}.log-panel{grid-column:2 / 3;grid-row:3 / 6;padding:1rem;overflow:auto}.log-panel ol{margin:.85rem 0 0;padding-left:1.25rem;color:#e4dcc5}.log-panel li{margin:0 0 .6rem}@media (max-width: 880px){.app-shell{grid-template-columns:1fr}.opponent-area,.table-wrap,.human-area,.log-panel{grid-column:1 / -1}.log-panel{grid-row:auto;max-height:14rem}.score-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 620px){:root{--card-width: 3.65rem;--card-height: 5.15rem}.topbar,.player-row,.human-header{align-items:stretch;flex-direction:column}.actions{justify-content:stretch}.control-button{flex:1}.table-wrap{min-height:auto;padding:.65rem}.tableau{grid-template-columns:repeat(3,minmax(5.2rem,1fr));grid-template-rows:repeat(3,minmax(6.6rem,auto));gap:.5rem}.pile{min-height:6.6rem}.pile-cards{height:5.4rem}.notice{text-align:left}}