@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap";:root{--primary-blue: #00d4ff;--primary-green: #39ff14;--primary-purple: #bf00ff;--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--text-primary: #ffffff;--text-secondary: #cccccc;--text-accent: #00d4ff;--border-color: #333333;--glow-blue: 0 0 10px var(--primary-blue);--glow-green: 0 0 10px var(--primary-green);--glow-purple: 0 0 10px var(--primary-purple)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:JetBrains Mono,Consolas,Monaco,monospace;background:linear-gradient(45deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);color:var(--text-primary);overflow:hidden;height:100vh;user-select:none}#app{width:100vw;height:100vh;position:relative}.btn{background:transparent;border:1px solid var(--primary-blue);color:var(--primary-blue);padding:8px 16px;font-family:inherit;font-size:14px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn:hover{background:var(--primary-blue);color:var(--bg-primary);box-shadow:var(--glow-blue);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.input{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 12px;font-family:inherit;font-size:14px;outline:none;transition:all .3s ease}.input:focus{border-color:var(--primary-blue);box-shadow:var(--glow-blue)}.panel{background:rgba(26,26,26,.9);border:1px solid var(--border-color);backdrop-filter:blur(10px);border-radius:4px}.text-glow{text-shadow:var(--glow-blue)}.text-glow-green{text-shadow:var(--glow-green)}.text-glow-purple{text-shadow:var(--glow-purple)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.fade-in{animation:fadeIn .5s ease-out}.slide-in{animation:slideIn .3s ease-out}.pulse{animation:pulse 2s infinite}html{height:100%;overflow:hidden;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{position:fixed;width:100%;height:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#app{width:100vw;height:100vh;height:100dvh;position:fixed;top:0;left:0;overflow:hidden}.touch-target{min-height:44px;min-width:44px;touch-action:manipulation}@media (max-width: 480px){.mobile-portrait{flex-direction:column}.mobile-text-small{font-size:12px}.mobile-text-medium{font-size:14px}.mobile-text-large{font-size:18px}.mobile-padding-sm{padding:8px}.mobile-margin-sm{margin:4px}.game-board-mobile{width:calc(100vw - 20px);max-width:360px;height:calc(100vw - 20px);max-height:360px}.candidate-area-mobile{height:calc(100vh - 100vw - 120px);min-height:100px;display:flex;flex-direction:row;justify-content:space-around;align-items:center;padding:10px}}@media (max-width: 480px) and (orientation: landscape){.mobile-landscape{flex-direction:row}.game-board-mobile-landscape{width:calc(100vh - 20px);max-width:300px;height:calc(100vh - 20px);max-height:300px}.candidate-area-mobile-landscape{width:calc(100vw - 100vh - 40px);min-width:120px;height:100vh;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:10px}}@media (min-width: 481px) and (max-width: 768px){.tablet-text-medium{font-size:16px}.tablet-text-large{font-size:20px}.game-board-tablet{width:calc(100vw - 40px);max-width:500px;height:calc(100vw - 40px);max-height:500px}}.gpu-accelerated{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000}.touch-feedback{transition:transform .1s ease}.touch-feedback:active{transform:scale(.95)}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-top:max(0px,env(safe-area-inset-top));padding-bottom:max(0px,env(safe-area-inset-bottom))}}@media (display-mode: standalone){body{padding-top:max(20px,env(safe-area-inset-top))}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){:root{--primary-blue: #00ffff;--primary-green: #00ff00;--border-color: #ffffff}}