*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;background:#180d05;color:#f7e9c8;overflow:hidden}button{font-family:inherit;border:none;background:none;color:inherit;cursor:pointer}.boot{height:100%;display:grid;place-items:center;font-size:15px;color:#d9b877}.screen{position:fixed;inset:0;overflow:hidden}.stage{position:absolute;left:50%;top:50%;transform:translate(calc(-50% + var(--px, 0px)),calc(-50% + var(--py, 0px))) scale(1.07);width:max(100vw,66.67vh);aspect-ratio:2 / 3;background-size:cover;background-position:center;will-change:transform}.fx{position:absolute;inset:-8%;z-index:4;pointer-events:none;transform:translate3d(var(--fx, 0px),var(--fy, 0px),0);will-change:transform}.ember{position:absolute;border-radius:50%;background:radial-gradient(circle,#ffe9a8 0%,#f0a83c 60%,transparent 100%);box-shadow:0 0 6px 1px #ffbe5ab3;opacity:0;animation:ember-rise linear infinite}@keyframes ember-rise{0%{transform:translate(0) scale(.6);opacity:0}8%{opacity:.9}85%{opacity:.5}to{transform:translate(var(--drift, 30px),-82vh) scale(1);opacity:0}}.fx-shaft{position:absolute;top:-10%;left:18%;width:42%;height:70%;transform:rotate(14deg);background:linear-gradient(180deg,rgba(255,214,140,.14),rgba(255,214,140,.03) 70%,transparent);filter:blur(6px);animation:shaft-sway 9s ease-in-out infinite}@keyframes shaft-sway{0%,to{transform:rotate(12deg) translate(0);opacity:.8}50%{transform:rotate(15deg) translate(14px);opacity:1}}.stage--home{background-image:url(/assets/bg-home.webp)}.stage--halls{background-image:url(/assets/bg-halls.webp)}.stage--rooms{background-image:url(/assets/bg-rooms.webp)}.stage--auth{background-image:url(/assets/bg-auth.webp)}.board{position:absolute;transform:translate(-50%,-50%);text-align:center;color:#f6dfa8;text-shadow:0 2px 6px rgba(30,12,2,.9),0 0 18px rgba(255,200,110,.22);font-family:Kaiti SC,STKaiti,KaiTi,serif}.board-title{left:50%;top:17.5%;font-size:clamp(34px,11vw,62px);letter-spacing:.18em;color:#f9e7b3;font-weight:700}.board-game{width:34%;padding:2% 0}.board-game strong{display:block;font-size:clamp(20px,6.2vw,34px);letter-spacing:.06em;white-space:nowrap}.board-game small{display:block;margin-top:4px;font-size:clamp(11px,3vw,15px);color:#e8cf9b;font-family:inherit}.board-game{animation:board-bob 4.5s ease-in-out infinite;transition:transform .16s ease}.board-game--left{left:28%;top:41.5%}.board-game--right{left:72%;top:41.5%;animation-delay:-2.2s}.board-game:active{animation:none;transform:translate(-50%,-50%) scale(.94) translateY(2px);text-shadow:0 1px 3px rgba(30,12,2,.9)}@keyframes board-bob{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 4px))}}.table-pill{position:absolute;transform:translate(-50%);padding:4px 12px;border-radius:999px;font-size:clamp(10px,2.8vw,13px);background:#180a03b8;border:1px solid rgba(242,207,126,.45);color:#ffd98c;white-space:nowrap;box-shadow:0 0 #ffc86e66;animation:pill-glow 2.6s ease-in-out infinite}@keyframes pill-glow{0%,to{box-shadow:0 0 #ffc86e59}50%{box-shadow:0 0 12px 2px #ffc86e47}}.table-pill--left{left:27%;top:51.5%}.table-pill--right{left:73%;top:51.5%}.board-more{left:73%;top:80%;font-size:clamp(15px,4.4vw,24px);letter-spacing:.12em;font-weight:700}.board-hall{width:30%;padding:1.5% 0}.board-hall strong{display:block;font-size:clamp(17px,5.4vw,30px);letter-spacing:.08em}.board-hall small{display:block;margin-top:3px;font-size:clamp(10px,2.7vw,13px);color:#e8cf9b;font-family:inherit}.board-hall:active{transform:translate(-50%,-50%) scale(.95)}.hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top,0px) + 10px) 12px 8px;background:linear-gradient(180deg,#140802d1,#14080200)}.hud-user{display:flex;align-items:center;gap:8px}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:17px;font-weight:700;color:#2c1503;background:radial-gradient(circle at 32% 28%,#ffe9ad,#d8a94e 70%);border:2px solid #f2cf7e;box-shadow:0 2px 6px #00000080}.hud-id strong{display:block;font-size:14px;color:#ffe9b8}.hud-id small{font-size:11px;color:#cdaa6d}.hud-wallet{display:flex;gap:8px}.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:700;background:#1c0c03c7;border:1px solid rgba(242,207,126,.5);color:#ffd98c;white-space:nowrap}.banners{position:absolute;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 84px);display:flex;gap:10px}.banner{flex:1;text-align:left;padding:10px 14px;border-radius:14px;border:1px solid rgba(242,207,126,.55);box-shadow:0 4px 12px #00000073}.banner strong{display:block;font-size:15px;color:#fff2cd}.banner small{font-size:11px;color:#f4dba4}.banner-a{background:linear-gradient(135deg,#922a18eb,#54140aeb)}.banner-b{background:linear-gradient(135deg,#1e543ceb,#0c2e20eb)}.banner{position:relative;overflow:hidden}.banner:after{content:"";position:absolute;top:-30%;bottom:-30%;left:-40%;width:34%;transform:skew(-18deg);background:linear-gradient(90deg,transparent,rgba(255,240,200,.22),transparent);animation:banner-sheen 4.2s ease-in-out infinite}.banner-b:after{animation-delay:-2.1s}@keyframes banner-sheen{0%,55%{left:-40%}85%,to{left:130%}}.banner:active{transform:scale(.97)}.page-head{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top,0px) + 10px) 12px 10px;background:linear-gradient(180deg,#140802d9,#14080200)}.page-head h2{flex:1;font-size:17px;font-weight:700;color:#ffe9b8;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-head--flat{position:static;background:#180a03eb;border-bottom:1px solid rgba(242,207,126,.25)}.btn-back{width:36px;height:36px;border-radius:50%;font-size:24px;line-height:1;color:#ffe9b8;background:#1c0c03c7;border:1px solid rgba(242,207,126,.5)}.room-tag{position:absolute;transform:translate(-50%,-100%);text-align:center;padding:6px 12px 7px;border-radius:12px;background:#142218e0;border:1px solid rgba(133,214,158,.55);box-shadow:0 4px 10px #0000008c;white-space:nowrap}.room-tag:after{content:"";position:absolute;left:50%;bottom:-6px;transform:translate(-50%);border:6px solid transparent;border-top-color:#142218e0;border-bottom:none}.room-tag strong{display:block;font-size:clamp(11px,3.1vw,14px);color:#d9f5df}.room-tag small{display:block;margin-top:2px;font-size:clamp(10px,2.7vw,12px);color:#9fd6ac}.room-tag.full{background:#3a120ce0;border-color:#e2806c8c}.room-tag.full:after{border-top-color:#3a120ce0}.room-tag.full strong{color:#ffd9cd}.room-tag.full small{color:#e2917d}.room-tag:active{transform:translate(-50%,-100%) scale(.95)}.room-actions{position:absolute;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 84px);display:flex;gap:10px}.btn-club{flex:1;padding:13px 0;border-radius:14px;font-size:15px;font-weight:700;color:#ffe9b8;background:linear-gradient(180deg,#402810f2,#281608f2);border:1px solid rgba(242,207,126,.55);box-shadow:0 4px 12px #00000073}.btn-quick{flex:1.3;padding:10px 0;border-radius:14px;font-size:17px;font-weight:800;letter-spacing:.08em;color:#fff6e0;background:linear-gradient(180deg,#e2482e,#a81f10);border:1px solid #ff9a6f;box-shadow:0 4px 14px #a81f1099}.btn-quick small{display:block;font-size:9px;font-weight:600;letter-spacing:.3em;color:#ffcfae}.btn-club:active,.btn-quick:active{transform:scale(.97)}.panel-screen{position:absolute;inset:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#180a03ed,#180a03f7),url(/assets/bg-home.webp) center / cover}.panel-body{flex:1;overflow-y:auto;padding:14px 14px calc(env(safe-area-inset-bottom,0px) + 92px);display:flex;flex-direction:column;gap:10px}.empty{text-align:center;color:#a98c58;padding:32px 0;font-size:14px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:12px;background:#301a0abf;border:1px solid rgba(242,207,126,.28)}.row-main strong{display:block;font-size:15px;color:#ffe9b8}.row-main small{font-size:12px;color:#cdaa6d}.row-input input{flex:1}input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(242,207,126,.4);background:#140902b3;color:#ffe9b8;font-size:15px;outline:none}input::placeholder{color:#8f7346}input:focus{border-color:#f2cf7e}.btn-gold{padding:13px 0;border-radius:12px;font-size:16px;font-weight:800;letter-spacing:.08em;color:#3a2004;background:linear-gradient(180deg,#ffe19a,#d8a94e);border:1px solid #fff0c4;box-shadow:0 4px 12px #0006}.btn-gold:disabled{opacity:.55}.btn-gold:active{transform:scale(.97)}.btn-sm{padding:8px 16px;font-size:13px;flex:none}.btn-ghost{margin-top:10px;width:100%;padding:12px 0;border-radius:12px;font-size:14px;color:#ffd98c;background:#1c0c0399;border:1px solid rgba(242,207,126,.45)}.auth-screen{display:grid;place-items:center}.auth-card{position:relative;width:min(88vw,360px);padding:26px 22px calc(22px + env(safe-area-inset-bottom,0px));border-radius:20px;background:#1a0c04e0;border:1px solid rgba(242,207,126,.5);box-shadow:0 12px 40px #000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.brand-plaque{text-align:center;font-size:34px;letter-spacing:.22em;color:#f9e7b3;font-family:Kaiti SC,STKaiti,KaiTi,serif;text-shadow:0 2px 8px rgba(0,0,0,.8)}.brand-sub{text-align:center;margin:6px 0 18px;font-size:13px;color:#cdaa6d;letter-spacing:.14em}.auth-tabs{display:flex;gap:8px;margin-bottom:14px}.auth-tabs button{flex:1;padding:9px 0;border-radius:10px;font-size:14px;color:#cdaa6d;background:#14090299;border:1px solid rgba(242,207,126,.3)}.auth-tabs button.on{color:#3a2004;background:linear-gradient(180deg,#ffe19a,#d8a94e);border-color:#fff0c4;font-weight:700}.auth-card form{display:flex;flex-direction:column;gap:10px}.auth-error{font-size:12px;color:#ff9d8a}.bottom-nav{position:absolute;left:0;right:0;bottom:0;z-index:20;display:flex;padding:8px 6px calc(env(safe-area-inset-bottom,0px) + 8px);background:linear-gradient(180deg,#4a2b10,#2c1706);border-top:2px solid rgba(242,207,126,.55);box-shadow:0 -6px 18px #0000008c}.bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;border-radius:12px;color:#c8a468;font-size:11px;letter-spacing:.06em}.bottom-nav button img{width:30px;height:30px;object-fit:contain;filter:saturate(.75) brightness(.9)}.bottom-nav button.on{color:#ffe9b8;background:#f2cf7e24}.bottom-nav button.on img{filter:none}@media(prefers-reduced-motion:reduce){.ember,.fx-shaft,.board-game,.table-pill,.banner:after{animation:none}}.toast{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 150px);transform:translate(-50%);z-index:30;padding:9px 18px;border-radius:999px;font-size:13px;color:#ffe9b8;background:#140802eb;border:1px solid rgba(242,207,126,.5);white-space:nowrap;box-shadow:0 6px 16px #0000008c}@media(min-width:720px){.screen{max-width:480px;left:50%;transform:translate(-50%);border-left:1px solid rgba(242,207,126,.2);border-right:1px solid rgba(242,207,126,.2)}.stage{width:max(100%,66.67vh)}}