@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";.ui-panel{background:linear-gradient(165deg,#5ec766f2,#43b650f5);border:3px solid #000;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:var(--space-4);position:relative}.ui-panel:after{content:"";position:absolute;inset:4px;border:2px solid rgb(0 0 0 / .55);border-radius:calc(var(--radius-lg) - 4px);pointer-events:none}.ui-panel__header h2{margin:0;font-size:.72rem;line-height:1.3}.ui-panel__header p{margin:var(--space-2) 0 0;color:var(--color-text-secondary);font-size:.98rem}.ui-panel__content{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.ui-button{border:3px solid #000;border-radius:var(--radius-md);padding:10px 14px;color:#000;background:#d9f2d1;cursor:pointer;box-shadow:3px 3px #000;transition:transform var(--motion-fast) steps(2,end)}.ui-button:hover{transform:translate(-1px,-1px)}.ui-button:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.ui-button:disabled{opacity:.55;cursor:not-allowed}.ui-button--cyan{background:#73a5f1}.ui-button--gold{background:#efd145}.ui-button--danger{background:#ef6e62}.ui-badge{display:inline-flex;align-items:center;border-radius:var(--radius-pill);font-size:.88rem;padding:6px 10px;border:2px solid #000;background:#eef8d2}.ui-badge--cyan{background:#9cc2ff}.ui-badge--gold{background:#ffe066}.ui-badge--success{background:#9dff8d}.ui-badge--error{background:#ff9085}.ui-icon{width:1rem;height:1rem;flex:0 0 auto}.ui-speech-bubble{position:relative;display:flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);border:3px solid #000;background:#fff;color:#000;padding:10px;box-shadow:var(--shadow-soft)}.ui-speech-bubble:after{content:"";position:absolute;left:22px;bottom:-9px;width:10px;height:10px;background:inherit;border:3px solid #000}.ui-speech-bubble--success{background:#eaffd8}.ui-speech-bubble--error{background:#ffe1dd}.ui-speech-bubble__icon{width:1rem;height:1rem}.ui-speech-bubble--success .ui-speech-bubble__icon{color:#1f8d13}.ui-speech-bubble--error .ui-speech-bubble__icon{color:#bf1f11}.ui-stat-card{border-radius:var(--radius-md);padding:10px;border:2px solid #000;background:#e0f5d0e6}.ui-stat-card__label{display:block;color:var(--color-text-secondary);font-size:.92rem}.ui-stat-card__value{display:block;margin-top:var(--space-1);font-size:1.2rem;line-height:1}.ui-stat-card--cyan{background:#dfe9ff}.ui-stat-card--gold{background:#ffe88a}.shell{display:grid;grid-template-columns:minmax(260px,300px) minmax(0,1fr);gap:var(--space-3);min-height:100vh;padding:var(--space-3)}.shell-mobile-header,.shell-bottom-nav,.shell-drawer,.shell-overlay{display:none}.shell-sidebar,.shell-main{min-width:0}.shell-nav{display:grid;gap:var(--space-2)}.shell-nav__link{display:inline-flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);border:2px solid #000;color:var(--color-text-primary);background:#dcf3cae0;padding:var(--space-2) var(--space-3);text-decoration:none;box-shadow:2px 2px #000000a6}.shell-nav__glyph{display:inline-block;min-width:20px;font-family:var(--font-heading);font-size:.45rem;line-height:1;letter-spacing:0}.shell-nav__link.is-active,.shell-nav__link:hover{background:#ebc95f}.shell-main{display:grid;gap:var(--space-4);align-content:start}.shell-stat{border-radius:12px}.shell-stat--hands{background:#d7efcd}.shell-stat--accuracy{background:#f2db8a}@media(max-width:768px){.shell{grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-3);padding-bottom:90px}.shell-sidebar{display:none}.shell-mobile-header{display:flex;align-items:center;justify-content:space-between}.shell-mobile-header h1{margin:0;font-size:.8rem;line-height:1.3}.shell-overlay{display:block;position:fixed;inset:0;border:0;background:#00000073;z-index:10}.shell-drawer{display:block;position:fixed;left:0;top:0;bottom:0;width:min(90vw,330px);z-index:11;padding:var(--space-3);background:linear-gradient(180deg,#47bf50,#2e953e)}.shell-bottom-nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:3px solid #000;background:#8bcf47;z-index:12}.shell-bottom-nav__link{display:grid;justify-items:center;gap:4px;color:#0a1e0a;text-decoration:none;padding:var(--space-2) var(--space-1);font-size:.66rem;border-right:2px solid #000}.shell-bottom-nav__link:last-child{border-right:0}.shell-bottom-nav__link[aria-current=page]{background:#ffe477}}.zen-master{display:grid;justify-items:center;gap:var(--space-2);margin:0}.zen-master__sprite{width:150px;height:164px;border-radius:var(--radius-md);background:url(/newGUI.png) -206px -142px / 756px 756px no-repeat,linear-gradient(180deg,#cee8bef2,#b2d69cf2);border:3px solid #000;box-shadow:var(--shadow-soft);padding:1px;shape-rendering:crispEdges}.zen-master--success .zen-master__sprite{box-shadow:0 0 0 3px #8ce671,var(--shadow-soft)}.zen-master--error .zen-master__sprite{box-shadow:0 0 0 3px #f3796f,var(--shadow-soft)}.zen-master--thinking .zen-master__sprite{box-shadow:0 0 0 3px #7ea9f2,var(--shadow-soft)}.zen-master figcaption{color:var(--color-text-secondary);font-size:.95rem}.play-table{display:grid;gap:var(--space-4);border:3px solid #000;border-radius:var(--radius-lg);background:linear-gradient(180deg,#5ac965f5,#33ab43f5);box-shadow:var(--shadow-soft);padding:var(--space-3)}.play-table__frame{border:3px solid rgb(0 0 0 / .7);border-radius:var(--radius-lg);padding:var(--space-3);background:linear-gradient(180deg,#60d06cbf,#42b351b8);display:grid;gap:var(--space-4);position:relative}.play-table__frame:before,.play-table__frame:after{content:"";position:absolute;width:10px;height:10px;border:2px solid #000;border-radius:50%;background:#ebc95f}.play-table__frame:before{top:-8px;left:20px}.play-table__frame:after{top:-8px;right:20px}.play-table__controls{display:grid;grid-template-columns:auto repeat(2,minmax(150px,1fr));gap:var(--space-3);align-items:start;border:3px solid rgb(0 0 0 / .5);border-radius:var(--radius-lg);padding:var(--space-2);background:#8edb8599;position:relative}.play-table__controls:before,.play-table__controls:after{content:"";position:absolute;width:8px;height:8px;border:2px solid #000;border-radius:50%;background:#f0d052;top:-7px}.play-table__controls:before{left:18px}.play-table__controls:after{right:18px;background:#df6ea6}.play-table__coach{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-4)}.play-table__felt{position:relative;display:grid;gap:var(--space-4);border:3px solid #000;border-radius:var(--radius-lg);background:linear-gradient(180deg,#3eb55a,#2da34d);padding:var(--space-4);overflow:hidden;outline:3px solid rgb(0 0 0 / .55)}.play-table__felt:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0,rgb(255 255 255 / .15) 1.2px,transparent 1.4px) 0 0 / 8px 8px,linear-gradient(180deg,#ffffff1a,#00000014);pointer-events:none}.play-table__felt>*{position:relative;z-index:1}.play-table__felt:after{content:"";position:absolute;inset:-7px;border:3px solid rgb(0 0 0 / .7);border-radius:calc(var(--radius-lg) + 4px);pointer-events:none}.deal-button{min-width:148px;background:#73a5f1;border-radius:12px}.hud-card{border-radius:12px}.hud-card--hands{background:#d6efcb}.hud-card--accuracy{background:#f2db8a}.player-seat{display:grid;gap:var(--space-3)}.hand-view{border:3px solid #000;border-radius:var(--radius-md);background:#c6f6b2eb;padding:var(--space-3);box-shadow:inset 0 0 0 2px #00000038}.hand-view.is-highlight{background:#efd974;box-shadow:3px 3px #000}.hand-view__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.hand-view__header h3,.hand-view__header p{margin:0}.hand-view__header h3{font-size:.62rem;line-height:1.45}.hand-view__header p{color:var(--color-text-secondary);font-size:.98rem}.hand-view__cards{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.hand-view__result{display:inline-block;margin-top:var(--space-2);color:#5d2d00}.card-view{width:54px;height:80px;border-radius:4px;background:#fff;border:3px solid #000;color:#101010;box-shadow:2px 2px #000000bf;display:grid;grid-template-rows:auto 1fr;padding:4px}.card-view--red{color:#bf1f11}.card-view--hidden{background:repeating-linear-gradient(45deg,#b4162f 0 3px,#e8dfdf 3px 6px);border-color:#000}.card-view--hidden:after{display:none}.card-view__corner{font-family:var(--font-heading);font-size:.48rem;line-height:1.15;font-weight:700}.card-view__center{display:grid;place-items:center;font-size:1.2rem}.play-table__chips{display:flex;flex-wrap:wrap;gap:var(--space-3)}.chip-stack{min-width:170px;border:3px solid #000;border-radius:var(--radius-lg);background:#ecffdbeb;padding:var(--space-3)}.chip-stack p,.chip-stack strong{margin:0}.chip-stack p{color:var(--color-text-secondary);font-size:.92rem}.chip-stack strong{font-size:1.15rem}.chip-stack__pile{display:inline-flex;margin-bottom:var(--space-2)}.chip-stack__pile span{width:18px;height:18px;border-radius:50%;border:3px solid #000;margin-right:-6px}.play-table .ui-speech-bubble{min-height:74px;font-size:1.9rem}.play-table .zen-master{justify-items:start}.play-table .ui-button{min-height:52px}.action-button--hit{background:#95dd86}.action-button--stand{background:#e58a95}.action-button--surrender{background:#e27b46}.chip-stack--cyan .chip-stack__pile span{background:#6baaff}.chip-stack--gold .chip-stack__pile span{background:#ffd63b}.play-table__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media(max-width:768px){.play-table{padding:var(--space-3)}.play-table__controls{grid-template-columns:1fr}.play-table__coach{grid-template-columns:1fr;justify-items:start}.card-view{width:50px;height:74px}}.settings-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.settings-form label{display:grid;gap:var(--space-2)}.settings-form span{color:var(--color-text-secondary);font-size:.96rem}.settings-form input,.settings-form select{border:3px solid #000;border-radius:0;background:#edffdbf2;color:var(--color-text-primary);padding:var(--space-2) var(--space-3)}.settings-form .settings-check{align-items:center;grid-template-columns:auto 1fr;gap:var(--space-2);border:2px solid #000;background:#edffdbd1;padding:var(--space-2)}.settings-form .settings-check input{width:18px;height:18px;accent-color:#0f7f1c}.stats-grid{display:grid;gap:var(--space-4)}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3)}.miss-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.miss-grid h3{margin:0 0 var(--space-2);font-size:.64rem;line-height:1.45}.miss-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.miss-grid li{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);border:3px solid #000;border-radius:0;padding:var(--space-2) var(--space-3);background:#ecffd8e0}.miss-grid li span{color:var(--color-text-secondary);overflow-wrap:anywhere}@media(max-width:768px){.miss-grid{grid-template-columns:1fr}}:root{--color-bg-main: #17983d;--color-bg-table: #39b254;--color-bg-panel: #4dc064;--color-accent-cyan: #79aef7;--color-accent-gold: #efce59;--color-success: #79dd75;--color-error: #f05c4f;--color-text-primary: #102510;--color-text-secondary: #244024;--font-heading: "Press Start 2P", monospace;--font-body: "VT323", monospace;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--shadow-soft: 3px 3px 0 rgb(0 0 0 / .75);--shadow-glow-cyan: 0 0 0 transparent;--shadow-glow-gold: 0 0 0 transparent;--motion-fast: 90ms;--motion-normal: .17s;--motion-slow: .26s}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}body{font-family:var(--font-body);font-size:24px;line-height:1.05;letter-spacing:.4px;color:var(--color-text-primary);background:radial-gradient(circle at 30px 30px,rgb(255 255 255 / .12) 2px,transparent 2.2px) 0 0 / 60px 60px,linear-gradient(rgb(53 165 74 / .4) 2px,transparent 2px) 0 0 / 60px 60px,linear-gradient(90deg,rgb(53 165 74 / .4) 2px,transparent 2px) 0 0 / 60px 60px,linear-gradient(180deg,#1da043,#16883a)}h1,h2,h3,h4,h5,h6,button{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px}a{color:inherit}button,input,select,textarea{font:inherit}input,select,textarea{font-family:var(--font-body)}