:root{color:#2c241b;background:#f5efe3;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;--board: #9f6b3f;--board-dark: #5a3724;--cut-line: rgba(255, 255, 255, .18);--venkel: #5c9f4a;--venkel-bright: #a7d46f;--ink: #2c241b;--paper: #fff8e9;--tomato: #c4553a;--shadow: rgba(44, 36, 27, .2)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{display:grid;width:min(100%,980px);min-height:100vh;margin:0 auto;padding:clamp(16px,3vw,32px);align-content:center;gap:16px}.game-header{display:flex;align-items:end;justify-content:space-between;gap:16px}.eyebrow{margin:0 0 4px;color:var(--venkel);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1{margin:0;color:var(--ink);font-size:clamp(2rem,8vw,4.5rem);line-height:.95}.hud{display:grid;grid-template-columns:repeat(4,minmax(72px,1fr));gap:8px;min-width:min(100%,430px)}.hud-item,.hud-control{min-height:64px;padding:10px 12px;border:2px solid var(--board-dark);border-radius:8px;background:var(--paper);box-shadow:0 3px 0 var(--board-dark)}.hud-control{color:var(--ink);cursor:pointer;font-weight:900}.hud-control:disabled{cursor:not-allowed;opacity:.5}.hud-control:not(:disabled):hover{background:#eef8d7}.hud-control:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px 0 var(--board-dark)}.hud-item span{display:block;color:#6b4b33;font-size:.72rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.hud-item strong{display:block;margin-top:4px;color:var(--tomato);font-size:1.55rem;line-height:1}.game-stage{position:relative;display:grid;place-items:center;inline-size:min(100%,72vh,820px);width:min(100%,72vh,820px);max-width:100%;aspect-ratio:1 / 1;border:4px solid var(--board-dark);border-radius:8px;overflow:hidden;background:linear-gradient(90deg,var(--cut-line) 1px,transparent 1px),linear-gradient(0deg,var(--cut-line) 1px,transparent 1px),linear-gradient(135deg,#bd8553,var(--board));background-size:48px 48px,48px 48px,auto;box-shadow:0 18px 40px var(--shadow);touch-action:none}.game-root{display:grid;place-items:center;width:100%;height:100%;color:#fff8e9;font-size:clamp(1rem,3vw,1.35rem);font-weight:800;text-align:center;text-shadow:0 2px 0 rgba(44,36,27,.35);touch-action:none}.game-root canvas{display:block;width:100%!important;height:100%!important;touch-action:none}.toast{position:absolute;right:16px;bottom:16px;max-width:min(320px,calc(100% - 32px));margin:0;padding:10px 12px;border:2px solid var(--board-dark);border-radius:8px;background:#eef8d7;color:var(--ink);font-weight:700;opacity:0;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease}.toast:not(:empty){opacity:1;transform:translateY(0)}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;margin:0;color:#fff8e9;font-size:clamp(4rem,16vw,8rem);font-weight:900;line-height:1;pointer-events:none;text-shadow:0 5px 0 rgba(49,95,42,.72),0 12px 28px rgba(44,36,27,.45)}.countdown[hidden]{display:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#2c241b6b}.overlay[hidden]{display:none}.overlay-panel{width:min(100%,390px);padding:20px;border:3px solid var(--board-dark);border-radius:8px;background:var(--paper);box-shadow:0 8px #5a3724b3;text-align:center}.overlay-face{display:block;width:clamp(118px,28vmin,190px);height:auto;margin:-4px auto 12px;object-fit:contain;filter:drop-shadow(0 6px 0 rgba(90,55,36,.35)) drop-shadow(0 14px 24px rgba(44,36,27,.22))}.overlay-face[hidden]{display:none}.overlay-panel h2{margin:0 0 8px;color:var(--ink);font-size:clamp(1.5rem,6vw,2.2rem);line-height:1}.overlay-panel p{margin:0 0 16px;color:#5a3724;line-height:1.45}.primary-action{min-height:44px;width:100%;border:2px solid #315f2a;border-radius:8px;background:linear-gradient(180deg,var(--venkel-bright),var(--venkel));color:#173313;cursor:pointer;font-weight:900;box-shadow:0 4px #315f2a}.primary-action:hover{filter:brightness(1.04)}.primary-action:active{transform:translateY(2px);box-shadow:0 2px #315f2a}.primary-action:focus-visible{outline:3px solid #f7c846;outline-offset:3px}@media(max-width:720px){.app-shell{align-content:start}.game-header{align-items:stretch;flex-direction:column}.hud{width:100%}}@media(max-width:430px){.app-shell{padding:12px}.hud{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-item,.hud-control{min-height:58px;padding:8px}.hud-item strong{font-size:1.3rem}.overlay-panel{padding:16px}}