:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#1f5a3b 0,#092016 60%,#040809);color:#f8fafc}#root{min-height:100vh;display:flex;align-items:stretch;justify-content:center}.App-root{width:100%;max-width:480px;margin:0 auto;padding:16px 16px 24px}.card{background:#0f172ae6;border-radius:16px;padding:16px;box-shadow:0 18px 45px #00000080}button{font:inherit}.app-shell{display:flex;flex-direction:column;gap:12px;min-height:calc(100vh - 56px)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.header-title{text-align:center;flex:1}.title-main{font-size:20px;font-weight:700;letter-spacing:.08em}.title-sub{font-size:11px;opacity:.75}.header-back,.header-spacer{width:72px;display:flex;align-items:center;justify-content:flex-start}.app-main{flex:1;display:flex;flex-direction:column;gap:16px}.board-section{padding:10px 10px 4px;border-radius:12px;background:radial-gradient(circle at top,#14532d 0,#052e16 55%,#020617);box-shadow:inset 0 0 0 1px #0f766e66}.board-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.85;margin-bottom:8px}.board-cards-row{display:flex;justify-content:space-between;gap:8px}.card-slot{flex:1;display:flex;justify-content:center}.card-slot-button{all:unset;cursor:pointer;display:flex;justify-content:center}.poker-card{width:72px;height:96px;border-radius:12px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);box-shadow:0 8px 18px #00000073;color:#020617;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:6px 6px 8px;position:relative}.poker-label{font-weight:700;font-size:18px}.poker-suit{font-size:20px}.poker-value{font-size:13px;opacity:.7}.card-slot-used .poker-card{opacity:.35;transform:translateY(2px)}.expression-section{display:flex;flex-direction:column;gap:6px}.expression-label{font-size:12px;opacity:.85}.expression-row{display:flex;gap:8px}.expression-input{flex:1;border-radius:999px;border:1px solid rgba(148,163,184,.8);background:#0f172ad9;color:#e5e7eb;padding:8px 12px;font-size:14px;outline:none}.expression-input::placeholder{color:#94a3b8e6}.expression-input:focus-visible{border-color:#34d399;box-shadow:0 0 0 1px #34d39999}.operator-section{padding-top:4px}.operator-row{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.operator-button{border-radius:999px;border:1px solid rgba(148,163,184,.7);background:#0f172ae6;color:#e5e7eb;padding:8px 0;font-size:16px;cursor:pointer;transition:background .15s ease,transform .05s ease,box-shadow .15s ease}.operator-button:hover{background:#1e40afe6;box-shadow:0 0 0 1px #818cf8cc}.operator-button:active{transform:translateY(1px);box-shadow:none}.app-footer{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.primary-button,.secondary-button,.ghost-button{border-radius:999px;padding:8px 12px;font-size:14px;border:none;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .05s ease,opacity .15s ease}.primary-button{flex:1.2;background:linear-gradient(135deg,#22c55e,#16a34a);color:#022c22;font-weight:600;box-shadow:0 10px 30px #16a34a99}.primary-button:hover{background:linear-gradient(135deg,#4ade80,#22c55e)}.primary-button:active{transform:translateY(1px);box-shadow:0 4px 12px #16a34ab3}.secondary-button{padding-inline:10px;background:#0f172ae6;color:#e5e7eb;border:1px solid rgba(148,163,184,.7)}.secondary-button:hover{background:#1e40afe6;box-shadow:0 0 0 1px #818cf8cc}.ghost-button{flex:.9;background:transparent;color:#e5e7eb;border:1px dashed rgba(148,163,184,.8)}.ghost-button:hover{background:#0f172acc}.ghost-button:disabled{opacity:.45;cursor:default}.timer{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:11px}.timer-label{opacity:.7}.timer-value{font-variant-numeric:tabular-nums;font-weight:600}.timer-danger .timer-value{color:#f97316}.score-panel{display:flex;justify-content:space-between;gap:8px;margin-bottom:4px}.score-item{flex:1;padding:6px 8px;border-radius:999px;background:#0f172ad9;border:1px solid rgba(30,64,175,.8)}.score-label{font-size:10px;opacity:.75}.score-value{font-size:16px;font-weight:600}.expression-message{margin-top:4px;font-size:12px;color:#facc15}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172abf}.overlay-card{width:90%;max-width:360px;background:#0f172afa;border-radius:20px;padding:20px 18px 16px;box-shadow:0 24px 60px #000000a6;display:flex;flex-direction:column;gap:12px}.overlay-title{font-size:18px;font-weight:700;margin-bottom:4px}.overlay-body{font-size:14px;display:flex;flex-direction:column;gap:2px}.game-grid{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.game-card{all:unset;cursor:pointer;border-radius:16px;padding:14px 14px 12px;background:linear-gradient(135deg,#1e40aff2,#065f46f2);box-shadow:0 16px 40px #0f172acc;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden}.game-card--has-bg{background-size:cover;background-position:center}.game-card--has-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#020617d1,#0206178c 55%,#020617c7);pointer-events:none}.game-card>*{position:relative;z-index:1}.game-card:focus-visible{outline:2px solid #22c55e;outline-offset:2px}.game-card:disabled{cursor:default;opacity:.65}.game-card-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.game-card-title{font-size:16px;font-weight:600}.game-card-subtitle{font-size:13px;opacity:.9}.game-card-tags{margin-top:4px;display:flex;flex-wrap:wrap;gap:4px}.game-card-tag{font-size:11px;padding:2px 8px;border-radius:999px;background:#0f172acc}.game-card-badge{font-size:11px;padding:3px 8px;border-radius:999px;font-weight:500}.badge-ready{background:#16a34ae6;color:#022c22}.badge-planned{background:#1e40afd9;color:#e5e7eb}