:root{--bg-primary:#0e1420;--bg-secondary:#141e30;--bg-card:#0f3460;--accent:#e94560;--accent-glow:#ff6b81;--text-primary:#f0ece4;--text-secondary:#9aa3b0;--green:#2ecc71;--yellow:#f1c40f;--red:#e74c3c;--orange:#e67e22;--strawberry:#e74c3c;--banana:#f1c40f;--grape:#9b59b6;--durian:#27ae60;--gorilla:#8b4513;--bell-gold:gold;--card-shadow:0 4px 20px #0006;--card-border:1px solid #ffffff14;--radius:12px;--radius-sm:8px;--panel-bg:#0f1420bf}*{box-sizing:border-box;margin:0;padding:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (width>=641px){html{zoom:1.1}}html,body,#root{width:100%;min-height:100dvh}body{background:var(--bg-primary);color:var(--text-primary);background-image:url(/assets/background.webp);background-position:50%;background-size:cover;background-attachment:fixed;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow-x:hidden}@media (width<=640px){body{background-attachment:scroll}}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#0000 40%,#0009 100%);position:fixed;inset:0}#root{z-index:1;position:relative}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;transition:all .2s}button:disabled{cursor:not-allowed}input{font-family:inherit;font-size:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes bellRing{0%{transform:rotate(0)}15%{transform:rotate(15deg)}30%{transform:rotate(-15deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}75%{transform:rotate(5deg)}to{transform:rotate(0)}}@keyframes bellGlow{0%,to{box-shadow:0 0 15px #ffd7004d}50%{box-shadow:0 0 30px #ffd70099,0 0 60px #ffd70033}}@keyframes flipIn{0%{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes confetti{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(-200px)rotate(720deg)}}@keyframes cardHoverGlow{0%,to{box-shadow:0 2px 10px #0000004d}50%{box-shadow:0 4px 20px #ffd70026}}@media (width<=640px){body{font-size:14px}input,select,textarea{font-size:16px}.board-game-container{padding-left:max(12px, env(safe-area-inset-left,0px))!important;padding-right:max(12px, env(safe-area-inset-right,0px))!important;padding-bottom:max(16px, env(safe-area-inset-bottom,0px))!important}.board-center-area{flex-direction:column!important;align-items:stretch!important}.board-bell-area{flex-wrap:wrap;width:100%;min-width:unset!important;flex-direction:row!important;justify-content:center!important;align-items:center!important}.board-top-bar{flex-wrap:wrap!important;gap:8px!important}.lobby-root{padding-left:max(12px, env(safe-area-inset-left,0px))!important;padding-right:max(12px, env(safe-area-inset-right,0px))!important;padding-bottom:max(20px, env(safe-area-inset-bottom,0px))!important}.lobby-card{padding:28px 20px 32px!important}.lobby-player-count{flex-wrap:wrap!important}.player-area-panel{max-width:100%;min-width:min(160px,100%)!important}.order-board-gorilla-banner{flex-wrap:wrap!important}.modal-overlay-safe{-webkit-overflow-scrolling:touch;padding:max(12px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px))!important;justify-content:center!important;align-items:flex-start!important;overflow-y:auto!important}.modal-content-tall{-webkit-overflow-scrolling:touch;max-height:min(90vh, calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px))!important;overflow-y:auto!important}.demo-player-tabs{flex-wrap:wrap!important;justify-content:center!important}}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}@media (hover:hover){button:not(:disabled):hover{filter:brightness(1.1);transform:translateY(-1px)}}