:root{--bg-primary: #1a2e1a;--bg-secondary: #152a15;--accent-primary: #b5c42f;--accent-dark: #2d5a1e;--text-primary: #e0e0e0;--text-secondary: #a0b898;--text-muted: #7a9a6a;--text-dim: #4a6a3a;--color-error: #ff6b6b;--border-subtle: rgba(181, 196, 47, .3);--bg-button-subtle: rgba(180, 196, 47, .15);--overlay-bg: rgba(10, 20, 10, .85);--overlay-bg-strong: rgba(10, 20, 10, .9);--bg-gradient: radial-gradient(ellipse at 50% 40%, #243e22 0%, #1a2e1a 50%, #0f1f0f 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-gradient);color:var(--text-primary);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#root{display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;outline:none;-webkit-tap-highlight-color:transparent}input{font-family:inherit;outline:none;border:none}.screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;padding:24px;gap:24px}.screen h1{font-size:1.5rem;font-weight:700;text-align:center}.screen p{font-size:1rem;text-align:center;color:var(--text-secondary)}.primary-button{background:linear-gradient(135deg,#c8d640,#b5c42f 40%,#9aaa20);color:#fff;font-size:1.3rem;font-weight:600;width:140px;height:162px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;text-align:center;border-radius:0;-webkit-clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);transform:rotate(-15deg);transition:opacity .2s;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}.primary-button>span{transform:rotate(15deg);display:block}.primary-button.not-ready{opacity:.5}.primary-button:active:not(.not-ready){opacity:.8}.error-text{color:var(--color-error);font-size:.9rem;text-align:center}.game-code-screen{justify-content:flex-start;padding-top:20vh}.spinner{width:32px;height:32px;border:3px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes hex-pulse{0%,to{filter:drop-shadow(0 0 4px rgba(181,196,47,.3))}50%{filter:drop-shadow(0 0 10px rgba(181,196,47,.6))}}.overlay{position:fixed;inset:0;z-index:200;background:var(--overlay-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:32px}.overlay--strong{z-index:1000;background:var(--overlay-bg-strong)}.overlay__text{color:var(--text-primary);font-size:1.1rem;text-align:center}.overlay__actions{display:flex;gap:16px}.subtle-button{z-index:100;background:var(--bg-button-subtle);color:var(--text-secondary);font-size:.8rem;padding:6px 14px;border-radius:8px}.subtle-button--top-right{position:absolute;top:12px;right:12px}.subtle-button--bottom-right{position:absolute;bottom:12px;right:12px}.hex-button{position:relative;width:95px;height:110px;-webkit-clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);transform:rotate(-15deg);background:linear-gradient(135deg,#4a8035,#3a6b2a 30%,#2d5a1e 70%,#1f4515);border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:0;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}.hex-button__label{transform:rotate(15deg);color:#fff;font-size:.75rem;font-weight:600;text-align:center;line-height:1.2;padding:0 8px}.hex-cell{width:47px;height:54px;-webkit-clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);transform:rotate(-15deg);display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 3px rgba(181,196,47,.4))}.hex-cell--filled{background:linear-gradient(145deg,#4a8035,#3a6b2a 40%,#2a5218)}.hex-cell--empty{background:#2d5a1e}.hex-cell--active{filter:drop-shadow(0 0 6px rgba(181,196,47,.7));animation:hex-pulse 1.5s ease-in-out infinite}.hex-cell__digit{transform:rotate(15deg);font-size:1.4rem;font-weight:700;line-height:1}.hex-cell--filled .hex-cell__digit{color:var(--text-primary)}.hex-cell--empty .hex-cell__digit{color:#b5c42f4d}.dead-zone-layout{position:fixed;inset:0;display:flex;flex-direction:column}.dead-zone-bar{flex:1 1 0;background:#000;pointer-events:none}.dead-zone-content{width:100vw;height:100vw;max-height:100vh;max-height:100dvh;flex-shrink:0;position:relative;background:radial-gradient(ellipse at 50% 40%,#243e22,#1a2e1a,#0f1f0f);overflow:hidden}.camera-timer{font-size:3rem;font-weight:700;color:var(--accent-primary)}.camera-dpad{display:grid;grid-template-columns:repeat(3,80px);grid-template-rows:repeat(3,80px);gap:8px}.camera-dpad__btn{width:80px;height:80px;border-radius:12px;background:linear-gradient(135deg,#4a8035,#3a6b2a 30%,#2d5a1e 70%,#1f4515);color:#fff;font-size:1.5rem;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4));touch-action:none}.camera-dpad__btn--up{grid-column:2;grid-row:1}.camera-dpad__btn--left{grid-column:1;grid-row:2}.camera-dpad__btn--right{grid-column:3;grid-row:2}.camera-dpad__btn--down{grid-column:2;grid-row:3}.camera-dpad__btn:active{background:linear-gradient(135deg,#5a9a45,#4a8035 30%,#3a6b2a 70%,#2d5a1e)}@media(prefers-reduced-motion:reduce){.hex-cell--active{animation:none}.spinner{animation-duration:3s}.primary-button{transition:none}}