*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}:root{--bg-dark: #10161A;--bg-panel: #17201B;--accent: #263029;--accent-light: #3A4B40;--gold: #C9A84C;--gold-light: #E4C97A;--ivory: #F2E8D5;--ivory-dim: #B8A98A;--glass: rgba(255,255,255,.04);--glass-border: rgba(201,168,76,.2);--error: #CF4444;--success: #2D9E5F;--text-xs: clamp(9px, 2vw, 11px);--text-sm: clamp(11px, 2.5vw, 13px);--text-md: clamp(13px, 3vw, 15px);--text-lg: clamp(16px, 4vw, 20px);--text-xl: clamp(22px, 6vw, 32px);--text-2xl: clamp(28px, 8vw, 42px)}html{height:100%;overscroll-behavior:none}body{height:100%;background:var(--bg-dark);font-family:Inter,sans-serif;color:var(--ivory);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overscroll-behavior-y:contain}#root{height:100%;height:100dvh}.cinzel{font-family:Cinzel,serif}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gold);border-radius:2px}.card-view{will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-view:active{transform:translateY(-4px) scale(.96) translateZ(0)!important;transition:transform .08s ease!important}button{font-family:Cinzel,serif;cursor:pointer;min-height:44px;-webkit-user-select:none;user-select:none}button:active{opacity:.72!important;transform:scale(.96);transition:transform .08s,opacity .08s}input,select,textarea{font-size:16px!important;font-family:Inter,sans-serif}input:focus,select:focus,textarea:focus{border-color:var(--gold)!important;box-shadow:0 0 0 3px #c9a84c40}.no-select{-webkit-user-select:none;user-select:none}.safe-bottom{padding-bottom:max(16px,env(safe-area-inset-bottom))}.safe-top{padding-top:max(12px,env(safe-area-inset-top))}.scroll-x{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-x::-webkit-scrollbar{display:none}.scroll-y{overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes cardGlow{0%,to{box-shadow:0 0 10px #c9a84c4d}50%{box-shadow:0 0 22px #c9a84cb3}}@keyframes bombBurst{0%{transform:scale(.2);opacity:0}20%{opacity:1}to{transform:scale(2.4);opacity:0}}@keyframes bombShake{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-3px,2px) rotate(-3deg)}40%{transform:translate(3px,-2px) rotate(3deg)}60%{transform:translate(-2px,1px) rotate(-2deg)}80%{transform:translate(2px,-1px) rotate(2deg)}}.fade-in{animation:fadeIn .25s ease forwards}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.slide-in-right{animation:slideInRight .22s ease-out}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,#ffffff09 25%,#ffffff17 37%,#ffffff09 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}.hand-scroll{display:flex;gap:clamp(3px,1vw,6px);overflow-x:auto;overflow-y:visible;padding:12px 4px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hand-scroll::-webkit-scrollbar{display:none}.overlay-backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.log-panel{position:fixed;top:max(70px,env(safe-area-inset-top));right:8px;width:min(200px,42vw);max-height:min(160px,25vh);overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;z-index:20}.log-panel::-webkit-scrollbar{display:none}.paper-sheet{position:relative;transform:rotate(-.35deg);clip-path:polygon(0% 1.2%,4% 0%,9% .8%,15% 0%,22% 1%,29% .2%,36% 1.1%,44% 0%,52% .9%,60% .1%,68% 1%,76% .2%,84% .9%,92% 0%,100% .9%,100% 98.8%,95% 100%,90% 99%,84% 100%,77% 99.1%,70% 100%,62% 98.9%,55% 100%,47% 99.1%,39% 100%,31% 99%,23% 100%,16% 99.1%,8% 100%,0% 98.8%)}.scoresheet-table{width:100%;border-collapse:collapse;font-size:clamp(10px,2.5vw,13px)}@media (min-width: 768px){.hand-scroll{justify-content:center;flex-wrap:wrap}}@media (display-mode: standalone){#root{padding-bottom:env(safe-area-inset-bottom)}}