:root{--bg: #06110f;--bg-soft: #081b18;--panel: #0c241f;--panel-2: #102e28;--panel-3: #14342d;--gold: #c9a45d;--gold-light: #f5e4b0;--gold-deep: #8a642e;--paper: #f3e3b6;--seal: #b45243;--text: #f2ead8;--muted: #9db0a5;--muted-2: #7b9186;--line: rgba(201, 164, 93, .24);--line-soft: rgba(245, 228, 176, .1);--danger: #d36b5c;--ok: #7fc7a4;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--font-display: "STKaiti", "KaiTi", "Songti SC", "Noto Serif SC", "SimSun", serif;--font-body: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100vh;min-height:100dvh;overflow:hidden;background:radial-gradient(120% 80% at 50% -10%,#173f36 0%,transparent 58%),radial-gradient(90% 60% at 50% 110%,#102c26 0%,transparent 60%),var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#root{min-height:100vh;min-height:100dvh}h1,h2,h3,h4,p,ol,ul{margin:0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.2;letter-spacing:.02em}ol,ul{padding:0;list-style:none}button{margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}img{display:block;max-width:100%;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}a{color:var(--gold-light)}input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--gold-light);outline-offset:2px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{position:relative;isolation:isolate;width:100%;max-width:480px;height:100vh;height:100dvh;margin:0 auto;overflow:hidden;background:radial-gradient(110% 55% at 50% 0%,rgba(38,92,80,.38) 0%,transparent 60%),linear-gradient(180deg,#0a211f,#071714 58%,#06110f);box-shadow:0 0 90px #000000a6}.app-shell:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.4;background-image:radial-gradient(circle at 18% 12%,rgba(245,228,176,.08) 0 1px,transparent 1.5px),radial-gradient(circle at 78% 34%,rgba(245,228,176,.06) 0 1px,transparent 1.5px),radial-gradient(circle at 44% 62%,rgba(245,228,176,.05) 0 1px,transparent 1.5px);background-size:140px 160px,190px 210px,230px 250px;mix-blend-mode:screen}.ambient-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 12% 22%,rgba(201,164,93,.07),transparent 26%),radial-gradient(circle at 88% 78%,rgba(180,82,67,.05),transparent 30%)}.screen{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;height:100%;min-height:0;overflow:hidden}.eyebrow{display:inline-block;color:var(--gold);font-family:var(--font-body);font-size:9px;font-weight:700;letter-spacing:.22em;line-height:1.4;text-transform:uppercase}.icon{flex:none;display:block}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border:1px solid transparent;border-radius:14px;font-size:14px;font-weight:700;letter-spacing:.02em;transition:transform .16s ease,filter .16s ease,opacity .16s ease,background .16s ease}.button:active:not(:disabled){transform:translateY(1px) scale(.995)}.button:disabled{opacity:.42;filter:saturate(.45)}.button-primary{color:#251a0a;background:linear-gradient(180deg,#f3dfa9,#d7b26b 42%,#b88a42);border-color:#fff5d2b8;box-shadow:0 8px 24px #7a531a57,inset 0 1px #ffffff73}.button-secondary{color:var(--gold-light);background:linear-gradient(180deg,#163930f5,#0d251ff5);border-color:var(--line);box-shadow:inset 0 1px #f5e4b00f}.button-ghost{min-height:40px;color:var(--gold-light);background:#f5e4b00a;border-color:var(--line)}.button-danger{color:#f6d9d3;background:linear-gradient(180deg,#853a31e6,#59231de6);border-color:#d36b5c59}.button-large{min-height:54px;border-radius:16px;font-size:16px;letter-spacing:.06em}.button-small{min-height:36px;padding:0 13px;border-radius:10px;font-size:12px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;border:1px solid var(--line-soft);border-radius:50%;color:var(--gold-light);background:#0a211cb8;transition:background .16s ease,border-color .16s ease,opacity .16s ease}.icon-button:active:not(:disabled){background:#c9a45d29}.icon-button:disabled{opacity:.4}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;color:var(--gold);font-size:12px;font-weight:600;text-decoration:underline;text-decoration-color:#c9a45d66;text-underline-offset:3px}.text-button:disabled{opacity:.45}.status-dot{display:inline-block;width:6px;height:6px;flex:none;border-radius:50%;background:var(--ok);box-shadow:0 0 8px #7fc7a4cc}.status-dot.is-warn{background:#e3b55e;box-shadow:0 0 8px #e3b55ecc;animation:pulse-dot 1.4s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.connection-banner{display:flex;align-items:center;justify-content:center;gap:7px;min-height:30px;margin:0 14px 6px;padding:5px 10px;border:1px solid rgba(227,181,94,.24);border-radius:9px;color:#e7c98a;background:#4a35124d;font-size:11px;text-align:center}.app-toast{position:fixed;z-index:200;top:auto;bottom:calc(var(--safe-bottom) + 110px);left:50%;width:max-content;max-width:min(88vw,420px);padding:9px 14px;border:1px solid var(--line);border-radius:12px;color:var(--gold-light);background:#081b18f5;box-shadow:0 12px 36px #00000073;font-size:11.5px;line-height:1.4;text-align:center;transform:translate(-50%);animation:toast-in .24s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-toast.is-error{border-color:#d36b5c73;color:#f4cfc7}.app-toast.is-game{top:auto;bottom:calc(var(--safe-bottom) + 8px);z-index:200;max-width:min(86vw,380px);pointer-events:none}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.avatar{display:inline-block;flex:none;width:var(--avatar-size, 56px);height:var(--avatar-size, 56px);border-radius:50%;overflow:hidden;background:#12332c}.avatar svg{display:block;width:100%;height:100%}.tier-leader{--tier: #d3aa5d;--tier-soft: rgba(211, 170, 93, .16)}.tier-main{--tier: #d27b68;--tier-soft: rgba(210, 123, 104, .16)}.tier-vice{--tier: #9b86cf;--tier-soft: rgba(155, 134, 207, .16)}.tier-exam{--tier: #64b3a0;--tier-soft: rgba(100, 179, 160, .16)}.tier-minor{--tier: #8eb976;--tier-soft: rgba(142, 185, 118, .16)}.tier-staff{--tier: #a8adb2;--tier-soft: rgba(168, 173, 178, .15)}.tier-student{--tier: #c0a582;--tier-soft: rgba(192, 165, 130, .15)}.tier-special{--tier: #e3c97f;--tier-soft: rgba(227, 201, 127, .15)}.tier-dot{display:inline-block;width:7px;height:7px;border-radius:2px;background:var(--tier, var(--gold))}.tier-bg-leader{background:#d3aa5d}.tier-bg-main{background:#d27b68}.tier-bg-vice{background:#9b86cf}.tier-bg-exam{background:#64b3a0}.tier-bg-minor{background:#8eb976}.tier-bg-staff{background:#a8adb2}.tier-bg-student{background:#c0a582}.tier-bg-special{background:#e3c97f}.tier-chip{display:inline-flex;align-items:center;min-height:20px;padding:2px 8px;border:1px solid var(--line);border-radius:999px;color:var(--tier, var(--gold));background:var(--tier-soft, rgba(201, 164, 93, .12));font-size:10px;font-weight:700}.playing-card{position:relative;width:100%;aspect-ratio:2 / 3;overflow:hidden;border:1px solid rgba(245,228,176,.2);border-radius:7px;background:#112c26;box-shadow:0 5px 14px #0006,inset 0 0 0 1px #0006;transition:filter .18s ease,box-shadow .18s ease,transform .18s ease}.playing-card:after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #f5e4b014}.card-art{position:absolute;inset:0;background:#0b1c18}.card-art img{width:100%;height:100%;object-fit:cover}.card-topline{position:absolute;z-index:2;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:3px;min-height:17px;padding:2px 4px;color:var(--gold-light);background:linear-gradient(180deg,rgba(5,15,13,.94),rgba(5,15,13,.58) 65%,transparent);font-size:clamp(8px,2.5vw,10px);font-weight:700;line-height:1.15;text-shadow:0 1px 2px #000}.card-topline-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-topline-tag{flex:none;padding:0 3px;border:1px solid rgba(201,164,93,.5);border-radius:3px;color:var(--gold);font-size:7px;letter-spacing:.06em}.card-transform{position:absolute;z-index:4;left:50%;bottom:4px;max-width:92%;padding:1px 5px;transform:translate(-50%);overflow:hidden;border:1px solid rgba(245,228,176,.45);border-radius:4px;color:#1e170b;background:linear-gradient(180deg,#f3dfa9,#c9a45d);font-size:8px;font-weight:800;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.card-veil{position:absolute;inset:0;z-index:5;background:#050e0c9e;-webkit-backdrop-filter:grayscale(.9) brightness(.55);backdrop-filter:grayscale(.9) brightness(.55);transition:opacity .16s ease}.playing-card.is-selected{border-color:var(--gold-light);box-shadow:0 0 0 2px #f5e4b0c7,0 0 22px #c9a45d7a,0 12px 24px #00000073}.playing-card.is-extra{border-color:#7fc7a4d9;box-shadow:0 0 0 2px #7fc7a499,0 0 18px #7fc7a457}.card-thumb{position:relative;display:inline-block;width:26px;height:39px;flex:none;overflow:hidden;border:1px solid rgba(245,228,176,.28);border-radius:3px;background:#10251f;box-shadow:0 2px 6px #0006}.card-thumb img{width:100%;height:100%;object-fit:cover}.card-thumb-tag{position:absolute;left:0;right:0;bottom:0;overflow:hidden;padding:1px 2px;color:#201708;background:var(--gold);font-size:6px;font-weight:800;line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap}.card-chip{display:inline-flex;align-items:center;min-height:25px;padding:3px 8px;border:1px solid var(--line-soft);border-radius:7px;color:var(--text);background:#f5e4b00b;font-size:11px;white-space:nowrap}.card-chip:before{content:"";width:4px;height:4px;margin-right:5px;border-radius:50%;background:var(--tier, var(--gold))}.modal-layer{position:fixed;z-index:120;inset:0;display:flex;align-items:center;justify-content:center;padding:18px}.modal-backdrop{position:absolute;inset:0;width:100%;height:100%;background:#020907b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .18s ease}.modal-backdrop.is-static{cursor:default}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sheet-layer{align-items:flex-end;padding:0}.sheet{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-height:88vh;max-height:88dvh;padding:18px 16px calc(14px + var(--safe-bottom));overflow:hidden;border:1px solid var(--line);border-bottom:0;border-radius:22px 22px 0 0;background:radial-gradient(120% 60% at 50% 0%,rgba(35,82,71,.34),transparent 60%),linear-gradient(180deg,#0e2822,#081c18);box-shadow:0 -18px 60px #0000008c;animation:sheet-up .24s cubic-bezier(.22,1,.36,1)}@keyframes sheet-up{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.sheet-head h2{margin-top:2px;color:var(--paper);font-size:22px}.sheet-head .icon-button{margin-top:-4px;font-size:21px;font-weight:300}.sheet-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(201,164,93,.3) transparent}.sheet-scroll::-webkit-scrollbar{width:4px}.sheet-scroll::-webkit-scrollbar-thumb{border-radius:4px;background:#c9a45d4d}.sheet-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:11px;border-top:1px solid var(--line-soft);color:var(--muted-2);font-size:10px}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border:1px solid var(--line-soft);border-radius:11px;background:#04100d8c}.segmented button{min-height:34px;border-radius:8px;color:var(--muted);font-size:12px;font-weight:700;text-align:center;transition:background .16s ease,color .16s ease}.segmented button.is-active{color:#261b09;background:linear-gradient(180deg,#ead69f,#c9a45d);box-shadow:0 2px 10px #7a531a47}.field-help{margin-top:7px;color:var(--muted-2);font-size:10.5px;line-height:1.5}.field-help.is-error{color:#e8a69b}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.section-heading h2{margin-top:1px;color:var(--paper);font-size:20px}.section-side{color:var(--gold);font-size:10.5px;font-weight:600;white-space:nowrap}.section-side.is-warn{color:#e8a69b}.onboarding-screen{padding:calc(var(--safe-top) + 22px) 20px calc(var(--safe-bottom) + 18px);overflow-y:auto;scrollbar-width:none}.onboarding-screen::-webkit-scrollbar{display:none}.onboarding-decor{position:absolute;inset:0;pointer-events:none;overflow:hidden}.decor-ring{position:absolute;border:1px solid rgba(201,164,93,.1);border-radius:50%}.decor-ring-a{top:-110px;right:-100px;width:280px;height:280px}.decor-ring-b{bottom:120px;left:-160px;width:300px;height:300px}.onboarding-hero{position:relative;display:flex;align-items:center;gap:15px;margin-bottom:24px}.brand-seal{display:flex;flex-direction:column;align-items:center;justify-content:center;width:68px;height:68px;flex:none;border:1px solid rgba(245,228,176,.55);border-radius:50%;color:var(--gold-light);background:radial-gradient(circle at 35% 25%,rgba(245,228,176,.12),transparent 60%),#0c2b25;box-shadow:0 0 0 4px #0a211c,0 0 0 5px #c9a45d59,0 8px 22px #00000059;font-family:var(--font-display);line-height:1.05}.brand-seal span{font-size:19px;letter-spacing:.06em}.brand-seal i{margin-top:2px;color:var(--gold);font-size:11px;font-style:normal;letter-spacing:.3em;text-indent:.3em}.onboarding-title h1{margin:2px 0 3px;font-size:38px;letter-spacing:.08em;background:linear-gradient(180deg,#fbf0cf,#e1c17d 55%,#b78b46);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35))}.onboarding-title p{color:var(--muted);font-size:12px;letter-spacing:.08em}.onboarding-form{display:flex;flex-direction:column;flex:1;min-height:0}.form-section{margin-bottom:20px}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.avatar-choice{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 3px 6px;border:1px solid var(--line-soft);border-radius:13px;background:#0a221d8c;transition:border-color .16s ease,background .16s ease,transform .16s ease}.avatar-choice:active{transform:scale(.97)}.avatar-choice.is-selected{border-color:#f5e4b0b8;background:linear-gradient(180deg,#c9a45d33,#c9a45d0d);box-shadow:0 0 20px #c9a45d1f}.avatar-choice .avatar{border:1px solid rgba(245,228,176,.14)}.avatar-choice-name{color:var(--muted);font-size:9px;line-height:1.2}.avatar-choice.is-selected .avatar-choice-name{color:var(--gold-light)}.avatar-choice-check{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;color:#241a0b;background:var(--gold-light);box-shadow:0 1px 4px #00000059}.name-field{position:relative;display:block;margin-top:10px}.name-field input{width:100%;height:52px;padding:0 44px 0 15px;border:1px solid var(--line);border-radius:13px;outline:none;color:var(--paper);background:#0514109e;font-size:16px;letter-spacing:.02em;transition:border-color .16s ease,box-shadow .16s ease}.name-field input::placeholder{color:#668077;font-size:13px}.name-field input:focus{border-color:#f5e4b09e;box-shadow:0 0 0 3px #c9a45d1a}.name-field.has-error input{border-color:#d36b5cb3}.name-field-mark{position:absolute;top:50%;right:15px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;transform:translateY(-50%);border:1px solid var(--line);border-radius:6px;color:var(--gold);font-family:var(--font-display);font-size:12px}.onboarding-actions{margin-top:auto;padding-top:8px}.onboarding-actions .button{width:100%}.onboarding-footnote{margin-top:10px;color:var(--muted-2);font-size:10px;text-align:center}.home-screen{padding:calc(var(--safe-top) + 14px) 18px calc(var(--safe-bottom) + 14px);overflow-y:auto;scrollbar-width:none}.home-screen::-webkit-scrollbar{display:none}.home-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}.home-me{display:flex;align-items:center;gap:9px;min-width:0}.home-me .avatar{border:1px solid rgba(245,228,176,.3);box-shadow:0 3px 12px #0000004d}.home-me div{display:flex;flex-direction:column;min-width:0}.home-me b{overflow:hidden;max-width:170px;color:var(--paper);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.home-hero{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding:8px 0 10px}.hero-cards{position:relative;width:236px;height:188px;margin-bottom:4px;flex:none}.hero-card{position:absolute;top:0;left:50%;width:102px;border:1px solid rgba(245,228,176,.32);border-radius:7px;box-shadow:0 14px 28px #0000007a;transform-origin:50% 95%}.hero-card-left{transform:translate(-88%) rotate(-16deg)}.hero-card-right{transform:translate(-12%) rotate(16deg)}.hero-card-center{z-index:2;transform:translate(-50%) translateY(-3px)}.hero-seal{position:absolute;z-index:3;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:54px;height:54px;transform:translate(-50%,-50%);border:1px solid rgba(245,228,176,.7);border-radius:50%;color:var(--gold-light);background:radial-gradient(circle at 35% 25%,#2c5a4d,#0b241f 70%);box-shadow:0 0 0 3px #081b18e6,0 0 0 4px #c9a45d75,0 8px 20px #00000080;font-family:var(--font-display);font-size:17px;letter-spacing:.04em}.home-title{text-align:center}.home-title h1{margin:1px 0 4px;font-size:46px;letter-spacing:.12em;text-indent:.12em;background:linear-gradient(180deg,#fdf3d5,#e2c27e 52%,#ad803e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(0,0,0,.3))}.home-title p{color:var(--muted);font-size:12px;letter-spacing:.14em}.hero-stats{display:flex;align-items:center;gap:9px;margin-top:12px;color:var(--muted-2);font-size:10px}.hero-stats b{color:var(--gold-light);font-size:12px}.hero-stats i{width:1px;height:9px;background:var(--line)}.home-actions{display:flex;flex-direction:column;gap:9px;flex:none}.home-action{position:relative;width:100%;min-height:68px;justify-content:flex-start;gap:12px;padding:10px 14px;border-radius:15px;text-align:left}.home-action-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border-radius:12px;color:var(--gold-light);background:#081b1840;border:1px solid rgba(37,26,12,.16)}.button-secondary .home-action-icon{color:var(--gold);background:#f5e4b00d;border-color:var(--line)}.home-action-text{display:flex;flex:1;flex-direction:column;gap:1px;min-width:0}.home-action-text b{font-size:16px;letter-spacing:.04em}.home-action-text small{color:#251a0c9e;font-size:10px;font-weight:500}.button-secondary .home-action-text small{color:var(--muted-2)}.home-links{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:13px;flex:none;color:var(--muted-2);font-size:10px}.home-links span:nth-child(2){color:#c9a45d66}.home-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:9px;border-top:1px solid var(--line-soft);color:#5f776e;font-size:9px;flex:none}.join-sheet{padding-bottom:calc(20px + var(--safe-bottom));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(201,164,93,.3) transparent}.join-hint{margin-bottom:12px;color:var(--muted);font-size:12px}.quick-rooms{padding-top:2px}.quick-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;color:var(--muted);font-size:10px;letter-spacing:.04em}.quick-refresh{display:inline-flex;align-items:center;gap:3px;padding:3px 6px;border:1px solid var(--line-soft);border-radius:999px;color:var(--gold);font-size:9px;white-space:nowrap}.quick-refresh:disabled{opacity:.5}.quick-list{display:grid;gap:6px;max-height:164px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(201,164,93,.3) transparent}.quick-room{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:48px;padding:8px 10px;border:1px solid rgba(201,164,93,.2);border-radius:12px;background:#061713a8;text-align:left}.quick-room-main{display:flex;flex-direction:column;gap:2px;min-width:0}.quick-room-main b{color:var(--gold-light);font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:.14em;white-space:nowrap}.quick-room-main small{overflow:hidden;color:var(--muted-2);font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}.quick-room-cta{flex:none;padding:5px 8px;border:1px solid rgba(201,164,93,.28);border-radius:999px;color:var(--gold);background:#c9a45d14;font-size:9.5px;white-space:nowrap}.quick-room:disabled{opacity:.55}.quick-room:not(:disabled):active{transform:scale(.99)}.quick-empty{margin:0;padding:10px 8px;border:1px dashed rgba(201,164,93,.18);border-radius:10px;color:var(--muted-2);font-size:10.5px;text-align:center}.quick-error{margin:6px 0 0;color:#e08a7a;font-size:10px;line-height:1.35}.join-divider{display:flex;align-items:center;gap:8px;margin:12px 0 8px;color:var(--muted-2);font-size:9px}.join-divider:before,.join-divider:after{flex:1;height:1px;background:var(--line-soft);content:""}.code-field{position:relative;display:block}.code-field input{width:100%;height:62px;padding:0 18px;border:1px solid var(--line);border-radius:14px;outline:none;color:var(--gold-light);background:#04100d9e;font-family:var(--font-display);font-size:32px;letter-spacing:.3em;text-align:center;text-indent:.3em}.code-field input::placeholder{color:#c9a45d38}.code-field input:focus{border-color:#f5e4b094;box-shadow:0 0 0 3px #c9a45d1a}.code-field.has-error input{border-color:#d36b5cb3}.code-field-dots{display:flex;justify-content:center;gap:6px;margin-top:9px}.code-field-dots i{width:5px;height:5px;border-radius:50%;background:#c9a45d33;transition:background .16s ease,transform .16s ease}.code-field-dots i.is-filled{background:var(--gold);transform:scale(1.15)}.join-sheet .button{width:100%;margin-top:14px}.lobby-screen{padding:calc(var(--safe-top) + 10px) 16px calc(var(--safe-bottom) + 14px);overflow-y:auto;scrollbar-width:none}.lobby-screen::-webkit-scrollbar{display:none}.lobby-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none}.lobby-top-title{display:flex;flex-direction:column;align-items:center;gap:0}.lobby-top-title b{color:var(--paper);font-size:13px}.lobby-code-block{padding:16px 4px 12px;text-align:center;flex:none}.lobby-code{display:flex;align-items:center;justify-content:center;gap:14px;margin:1px auto 5px;color:var(--gold-light);font-family:var(--font-display);font-size:44px;line-height:1.1;letter-spacing:.08em;text-shadow:0 2px 12px rgba(201,164,93,.18)}.lobby-code i{width:1px;height:26px;background:#c9a45d52}.lobby-code-block p{color:var(--muted-2);font-size:10.5px}.lobby-code-actions{display:flex;justify-content:center;gap:8px;margin-top:11px}.lobby-players{flex:1;min-height:0}.lobby-list-head{margin-bottom:8px}.seat-list{display:flex;flex-direction:column;gap:7px}.lobby-seat{display:flex;align-items:center;gap:10px;min-height:62px;padding:7px 10px;border:1px solid var(--line-soft);border-radius:13px;background:linear-gradient(90deg,#113029b8,#091f1985)}.lobby-seat.is-host{border-color:#c9a45d57;background:linear-gradient(90deg,#31311b59,#091f1985)}.lobby-seat.is-offline{opacity:.62}.lobby-seat-index{color:#c9a45d70;font-family:var(--font-display);font-size:11px;letter-spacing:.06em}.lobby-seat .avatar{border:1px solid rgba(245,228,176,.2)}.lobby-seat-info{display:flex;flex:1;flex-direction:column;min-width:0;gap:1px}.lobby-seat-info b{overflow:hidden;color:var(--paper);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.lobby-seat-info span{display:flex;align-items:center;gap:3px;color:var(--muted-2);font-size:9.5px}.seat-status{padding:2px 7px;border:1px solid var(--line-soft);border-radius:999px;color:var(--muted);font-size:9px;white-space:nowrap}.seat-status.is-ready{color:var(--ok);border-color:#7fc7a438;background:#7fc7a412}.seat-status.is-offline{color:#d9a49b}.lobby-seat.is-empty{border-style:dashed;background:#0a221d3d}.empty-avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex:none;border:1px dashed rgba(201,164,93,.25);border-radius:50%;color:#c9a45d80}.lobby-seat.is-empty .lobby-seat-info b{color:var(--muted-2);font-weight:500}.lobby-footer{margin-top:12px;flex:none}.lobby-footer .button{width:100%}.lobby-footnote{margin-top:8px;color:var(--muted-2);font-size:10px;text-align:center}.lobby-notice{margin-bottom:7px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;color:var(--gold-light);background:#c9a45d17;font-size:11px;text-align:center}.waiting-box{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:9px 12px;border:1px dashed var(--line);border-radius:13px;background:#0a221d66}.waiting-box>div{display:flex;flex-direction:column;gap:1px;text-align:left}.waiting-box b{color:var(--gold-light);font-size:12px}.waiting-box span{color:var(--muted-2);font-size:9.5px}.waiting-dots{display:flex;align-items:center;gap:3px}.waiting-dots i{width:4px;height:4px;border-radius:50%;background:var(--gold);animation:waiting-bounce 1.1s ease-in-out infinite}.waiting-dots i:nth-child(2){animation-delay:.14s}.waiting-dots i:nth-child(3){animation-delay:.28s}@keyframes waiting-bounce{0%,to{opacity:.24;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.lobby-leave{width:100%;margin-top:11px}.game-screen{overflow:hidden}.game-topbar{display:flex;align-items:center;gap:8px;flex:none;min-height:calc(48px + var(--safe-top));padding:calc(var(--safe-top) + 4px) 10px 4px;border-bottom:1px solid rgba(201,164,93,.1);background:linear-gradient(180deg,rgba(4,16,13,.42),transparent)}.game-topbar .icon-button{width:34px;height:34px;background:#081b1880}.game-room{display:flex;flex-direction:column;min-width:0;line-height:1.15}.game-room b{color:var(--paper);font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.14em}.direction-pill{display:flex;align-items:center;gap:4px;margin-left:auto;padding:4px 8px;border:1px solid var(--line-soft);border-radius:999px;color:var(--gold);background:#081b187a;font-size:9px;white-space:nowrap}.game-banner{position:relative;z-index:20;flex:none;margin-bottom:4px}.is-host-transfer{color:#e8c47f;border-color:#c9a45d42}.game-table{position:relative;flex:1 1 0;min-height:0;margin:0 8px;overflow:hidden;border:1px solid rgba(201,164,93,.22);border-radius:18px;background:#0a241f;box-shadow:inset 0 0 38px #0000007a,0 10px 24px #0000003d}.table-felt{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#1b4a3f,#123b32 38%,#0c2a24 70%,#081c18)}.table-felt:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(2,9,7,.4) 100%),repeating-linear-gradient(45deg,rgba(245,228,176,.018) 0 1px,transparent 1px 7px);pointer-events:none}.felt-ring{position:absolute;top:50%;left:50%;border:1px solid rgba(201,164,93,.18);border-radius:50%;transform:translate(-50%,-50%)}.felt-ring-a{width:90%;height:72%}.felt-ring-b{width:68%;height:50%;border-style:dashed;border-color:#c9a45d1f}.felt-diamond{position:absolute;top:42%;left:50%;width:42%;height:40%;transform:translate(-50%,-50%) rotate(45deg);border:1px solid rgba(201,164,93,.07);border-radius:24px}.table-seat{position:absolute;z-index:6;display:flex;flex-direction:column;align-items:center;width:94px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.38))}.seat--top{top:6px;left:50%;transform:translate(-50%)}.seat--top-left{top:7px;left:4px}.seat--top-right{top:7px;right:4px}.seat--left{top:36%;left:2px}.seat--right{top:36%;right:2px}.seat-main{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.seat-avatar-wrap{position:relative;padding:2px}.table-seat .avatar{border:1px solid rgba(245,228,176,.24);box-shadow:0 0 0 2px #061410a6,0 3px 10px #00000057}.table-seat.is-current .avatar{border-color:#f5e4b0db}.table-seat.is-current .seat-avatar-wrap:before{content:"";position:absolute;inset:-4px;border:1px solid rgba(245,228,176,.64);border-radius:50%;box-shadow:0 0 14px #f5e4b047;animation:turn-ring 1.8s ease-in-out infinite}@keyframes turn-ring{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.table-seat.is-offline{opacity:.55}.seat-crown{position:absolute;top:-3px;right:-1px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid rgba(255,244,210,.5);border-radius:50%;color:#2a1c08;background:linear-gradient(180deg,#f2dca3,#c69a4f);box-shadow:0 2px 5px #00000059}.seat-count{position:absolute;right:-5px;bottom:2px;display:flex;align-items:center;justify-content:center;min-width:19px;height:18px;padding:0 4px;border:1px solid rgba(245,228,176,.46);border-radius:9px;color:var(--gold-light);background:#0a241f;font-size:9px;font-weight:800;line-height:1}.seat-afk{position:absolute;top:-8px;left:-9px;display:grid;place-items:center;min-width:24px;height:17px;padding:0 4px;border:1px solid rgba(211,107,92,.45);border-radius:8px;color:#f3c9c1;background:#53231df0;font-size:8px;font-weight:700}.seat-meta{display:flex;flex-direction:column;align-items:center;max-width:94px;line-height:1.2}.seat-meta b{overflow:hidden;max-width:91px;color:var(--paper);font-size:10.5px;font-weight:600;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.8);white-space:nowrap}.seat-meta span{overflow:hidden;max-width:91px;margin-top:1px;color:var(--muted-2);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.table-seat.is-current .seat-meta b{color:var(--gold-light)}.table-seat.is-current .seat-meta span{color:var(--gold)}.seat-play{position:absolute;z-index:7;display:flex;gap:2px;align-items:flex-start;transform:scale(.94);transform-origin:50% 0;filter:drop-shadow(0 3px 6px rgba(0,0,0,.34))}.seat--top .seat-play,.seat--top-left .seat-play,.seat--top-right .seat-play{top:2px;left:calc(50% + 25px)}.seat--left .seat-play{top:3px;left:calc(100% + 1px)}.seat--right .seat-play{top:3px;right:calc(100% + 1px)}.seat-play .card-thumb{width:22px;height:33px}.seat-play.is-bomb .card-thumb{border-color:#d36b5ccc;box-shadow:0 0 8px #d36b5c66}.seat-bubble{position:absolute;z-index:8;padding:2px 6px;border:1px solid var(--line-soft);border-radius:999px;color:var(--muted);background:#05120fe0;font-size:8px;line-height:1.35;white-space:nowrap}.seat--top .seat-bubble,.seat--top-left .seat-bubble,.seat--top-right .seat-bubble{top:8px;left:calc(50% + 25px)}.seat--left .seat-bubble{top:8px;left:calc(100% + 1px)}.seat--right .seat-bubble{top:8px;right:calc(100% + 1px)}.seat-bubble.is-skip{color:#e7c98a;border-color:#e3b55e40}.seat-bubble.is-returned{color:#a9d9c0;border-color:#7fc7a43d}.turn-pointer{position:absolute;bottom:-10px;left:50%;display:flex;align-items:center;gap:3px;padding:1px 5px;transform:translate(-50%);border:1px solid rgba(201,164,93,.3);border-radius:999px;color:var(--gold);background:#0a241f;font-size:7px;line-height:1.4;white-space:nowrap}.turn-pointer i{width:3px;height:3px;border-radius:50%;background:var(--gold-light)}.turn-pointer em{font-size:7px;font-style:normal}.table-center{position:absolute;z-index:4;top:32%;left:50%;display:flex;flex-direction:column;align-items:center;gap:4px;width:84%;max-width:310px;transform:translate(-50%);pointer-events:none}.game-table[data-seats="1"] .table-center{top:40%}.game-table[data-seats="2"] .table-center{top:36%}.game-table[data-seats="3"] .table-center{top:32%}.table-play{display:flex;flex-direction:column;align-items:center;width:100%}.table-play-caption{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8.5px;text-shadow:0 1px 3px rgba(0,0,0,.8)}.table-play-caption b{color:var(--gold-light);font-size:9.5px;font-weight:700}.table-play.is-bomb .table-play-caption b{color:#efb2a6}.table-play-cards{display:flex;align-items:flex-start;justify-content:center;gap:4px;margin:3px 0 4px}.table-card{width:clamp(56px,17vw,72px);border-radius:6px;box-shadow:0 7px 16px #00000073,inset 0 0 0 1px #f5e4b00f}.table-card-second{margin-left:-9px;transform:rotate(3deg)}.table-play-notes{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;max-width:100%}.note-chip{display:inline-flex;align-items:center;max-width:100%;padding:2px 6px;overflow:hidden;border:1px solid var(--line-soft);border-radius:999px;color:var(--muted);background:#05120fb8;font-size:7.5px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.note-chip.is-gold{color:var(--gold-light);border-color:#c9a45d4d}.note-chip.is-danger{color:#f0b8ad;border-color:#d36b5c59}.note-chip.is-muted{color:var(--muted-2);text-decoration:line-through}.table-lead{display:flex;flex-direction:column;align-items:center;gap:5px;color:#c9a45d66;font-size:9px;letter-spacing:.12em}.lead-card-back{width:52px;opacity:.28;filter:grayscale(.5);transform:rotate(-8deg)}.turn-banner{display:flex;align-items:center;gap:5px;max-width:100%;padding:4px 10px;border:1px solid var(--line-soft);border-radius:999px;color:var(--muted);background:#04100dad;font-size:9.5px;line-height:1.3;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.turn-banner.is-you{color:var(--gold-light);border-color:#f5e4b066;background:#45371980;box-shadow:0 0 14px #c9a45d1f}.turn-banner.is-pending{color:#e7c98a;border-color:#e3b55e3d}.turn-dot{width:5px;height:5px;border-radius:50%;background:var(--gold-light);box-shadow:0 0 8px #f5e4b0cc;animation:pulse-dot 1.2s ease-in-out infinite}.pending-wait{padding:2px 7px;border-radius:999px;color:#e7c98a;background:#3a2d1280;font-size:8px;white-space:nowrap}.table-ticker{position:absolute;z-index:5;right:10px;bottom:6px;left:10px;display:flex;align-items:center;gap:5px;overflow:hidden;color:#9db0a5b3;font-size:8.5px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.table-ticker>span:last-child{overflow:hidden;text-overflow:ellipsis}.ticker-mark{flex:none;padding:1px 4px;border:1px solid rgba(201,164,93,.18);border-radius:3px;color:#c9a45d99;font-size:7px}.play-dock{position:relative;z-index:110;flex:none;padding:5px 10px calc(20px + var(--safe-bottom));background:linear-gradient(180deg,#06110f00,#06110f 22%)}.dock-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:23px}.self-chip{display:flex;align-items:center;gap:6px;min-width:0}.self-chip .avatar{border:1px solid rgba(245,228,176,.28)}.self-chip>span{display:flex;flex-direction:column;line-height:1.15}.self-chip b{overflow:hidden;max-width:105px;color:var(--paper);font-size:10.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.self-chip small{color:var(--gold);font-size:8.5px}.self-chip em{padding:1px 5px;border:1px solid var(--line-soft);border-radius:999px;color:var(--muted-2);font-size:7.5px;font-style:normal;white-space:nowrap}.dock-hint{display:flex;align-items:center;gap:6px;min-height:18px}.dock-clear{font-size:10px}.self-play{display:inline-flex;align-items:center;gap:3px;opacity:.9}.self-play .card-thumb{width:20px;height:30px;border-radius:4px}.action-bar{display:grid;grid-template-columns:1fr 1.55fr 1fr;gap:7px;margin:2px 0 3px}.action-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;height:56px;border:1px solid var(--line);border-radius:14px;color:var(--gold-light);background:linear-gradient(180deg,#14342d,#0c2621);box-shadow:inset 0 1px #f5e4b012,0 4px 12px #0003;font-size:10.5px;font-weight:700;line-height:1.2;transition:transform .14s ease,opacity .14s ease,filter .14s ease}.action-button:active:not(:disabled){transform:scale(.97)}.action-button:disabled{opacity:.38;filter:saturate(.4)}.action-bomb em{position:absolute;top:-4px;right:-3px;display:grid;place-items:center;min-width:15px;height:15px;padding:0 3px;border:1px solid rgba(255,230,220,.5);border-radius:8px;color:#fff4ef;background:var(--seal);font-size:8px;font-style:normal;font-weight:800;line-height:1}.action-bomb.is-active{border-color:#f5e4b0b3;background:linear-gradient(180deg,#634a1fe6,#332610e6);box-shadow:0 0 0 1px #f5e4b033,0 0 18px #c9a45d33;color:var(--gold-light)}.action-play{border-color:#fff5d2b8;color:#251a0a;background:linear-gradient(180deg,#f3dfa9,#d7b26b 44%,#b7893e);box-shadow:0 6px 18px #6946145c,inset 0 1px #ffffff6b;font-family:var(--font-display);font-size:20px;letter-spacing:.1em;text-indent:.1em}.action-play small{color:#251a0a99;font-family:var(--font-body);font-size:7px;font-weight:600;letter-spacing:.04em;text-indent:0}.dock-status{display:flex;align-items:center;justify-content:center;gap:7px;min-height:17px;padding:0 4px;color:var(--muted-2);font-size:9px;line-height:1.25;text-align:center}.dock-status>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-status .text-button{flex:none;font-size:9px}.dock-status.is-error{color:#e8a69b}.selection-tools{display:flex;align-items:center;justify-content:center;gap:8px;min-height:19px;margin-top:1px}.toggle-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border:1px solid var(--line-soft);border-radius:999px;color:var(--muted);background:#081b1880;font-size:8.5px;line-height:1.4;white-space:nowrap}.toggle-chip.is-on{color:var(--gold-light);border-color:#c9a45d66;background:#503c1852}.toggle-check{display:grid;place-items:center;width:12px;height:12px;border:1px solid rgba(201,164,93,.36);border-radius:3px}.toggle-chip.is-on .toggle-check{color:#241a0b;background:var(--gold)}.tool-note{color:#9db0a599;font-size:7.5px}.hand-fan{position:relative;height:var(--hand-height, 120px);margin-top:6px;padding-top:0;flex:none}.hand-fan-inner{position:absolute;inset:0;width:100%;height:100%}.hand-slot{position:absolute;bottom:var(--row-bottom, 0px);left:var(--x, 0);width:var(--card-w, 64px);transform:translateY(calc(var(--arc, 0px) + var(--raise, 0px))) rotate(var(--angle, 0deg));transform-origin:50% 100%;transition:transform .18s cubic-bezier(.22,1,.36,1);will-change:transform}.hand-slot.is-selected{z-index:80}.hand-slot.is-selected .playing-card{transform:translateY(-1px)}.hand-card-button{position:relative;display:block;width:100%;touch-action:manipulation;user-select:none;-webkit-user-select:none}.hand-card-button .playing-card{border-radius:6px;box-shadow:0 5px 13px #0000006b,inset 0 0 0 1px #f5e4b00f;transition:box-shadow .16s ease,filter .16s ease,transform .16s ease}.hand-slot.is-dimmed .playing-card{filter:grayscale(.8) brightness(.66)}.hand-slot.is-dimmed .hand-name{color:#a9b5ac}.hand-name{position:absolute;z-index:6;bottom:calc(100% + 2px);left:50%;width:142%;transform:translate(-50%);overflow:hidden;color:#ded9c8;font-size:var(--name-size, 8px);font-weight:600;letter-spacing:-.02em;line-height:1.15;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 3px #000,0 0 5px rgba(0,0,0,.9);white-space:nowrap;pointer-events:none}.hand-name.is-alternate{bottom:calc(100% + 14px)}.hand-name.is-active{color:var(--gold-light);font-weight:800}.hand-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--muted-2);font-size:11px}.result-layer{position:fixed;z-index:150;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(48,96,80,.5),transparent 52%),#020907d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fade-in .3s ease}.result-glow{position:absolute;top:50%;left:50%;width:340px;height:340px;transform:translate(-50%,-50%);border:1px solid rgba(201,164,93,.16);border-radius:50%;box-shadow:0 0 0 30px #c9a45d08,0 0 0 70px #c9a45d05}.result-card{position:relative;z-index:3;width:min(92%,356px);padding:23px 20px 19px;border:1px solid rgba(245,228,176,.36);border-radius:23px;background:radial-gradient(110% 60% at 50% 0%,rgba(53,100,84,.4),transparent 62%),linear-gradient(180deg,#0e2b25,#081c18);box-shadow:0 26px 70px #0009,inset 0 1px #f5e4b01a;text-align:center;animation:result-pop .4s cubic-bezier(.22,1,.36,1)}@keyframes result-pop{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.result-card .avatar{margin:9px auto 6px;border:2px solid rgba(245,228,176,.54);box-shadow:0 0 0 4px #c9a45d1f,0 9px 24px #00000059}.result-card h2{margin:5px 0;font-size:30px;letter-spacing:.06em;background:linear-gradient(180deg,#fdf3d5,#d9b66e 62%,#a87c39);-webkit-background-clip:text;background-clip:text;color:transparent}.result-card h2.is-special{font-size:18px;line-height:1.55;letter-spacing:.02em}.result-card>p{color:var(--muted);font-size:11px}.result-meta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:9px;color:var(--muted-2);font-size:9px}.result-meta i{width:1px;height:8px;background:var(--line)}.result-actions{display:flex;flex-direction:column;gap:7px;margin-top:15px}.result-actions .button{width:100%}.result-waiting{border-style:solid;min-height:50px}.confetti{position:absolute;inset:0;pointer-events:none}.confetti i{position:absolute;top:-14px;left:var(--x, 50%);width:5px;height:9px;border-radius:1px;background:var(--gold);opacity:0;animation:confetti-fall 3.2s var(--delay, 0s) ease-in infinite}.confetti i:nth-child(3n){background:var(--seal)}.confetti i:nth-child(4n){background:var(--gold-light)}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-10px) rotate(0)}12%{opacity:.9}to{opacity:0;transform:translateY(105vh) rotate(420deg)}}.result-reopen{position:absolute;z-index:40;top:calc(var(--safe-top) + 58px);right:12px;padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:var(--gold-light);background:#081b18e6;font-size:9px;box-shadow:0 4px 14px #0000004d}.pending-layer{z-index:160;align-items:center}.pending-sheet{width:min(92%,360px);max-height:none;padding:18px 18px calc(15px + var(--safe-bottom));border:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:21px;text-align:center}.pending-ribbon{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px;text-align:left}.pending-symbol{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto 7px;border:1px solid rgba(245,228,176,.46);border-radius:50%;color:var(--gold-light);background:radial-gradient(circle at 35% 25%,rgba(245,228,176,.16),transparent 65%);font-family:var(--font-display);font-size:15px}.pending-sheet h2{margin:3px 0 6px;color:var(--paper);font-size:24px}.pending-text{color:var(--muted);font-size:11.5px;line-height:1.65}.pending-text b{color:var(--gold-light)}.pending-actions{display:grid;grid-template-columns:1fr 1.16fr;gap:8px;margin-top:15px}.pending-actions .button{min-height:47px;padding:0 8px;font-size:12px}.pending-note{margin-top:9px;color:var(--muted-2);font-size:9px;line-height:1.45}.countdown-ring{position:relative;display:inline-grid;place-items:center;flex:none;width:56px;height:56px}.countdown-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.countdown-track{fill:none;stroke:#f5e4b01f;stroke-width:2}.countdown-fill{fill:none;stroke:var(--gold);stroke-width:2.6;stroke-linecap:round;transition:stroke-dashoffset .24s linear}.countdown-ring b{color:var(--gold-light);font-family:var(--font-display);font-size:19px;line-height:1}.countdown-ring.is-urgent .countdown-fill{stroke:#e08370}.countdown-ring.is-urgent b{color:#f2b4a8}.bzy-sheet{height:auto;max-height:min(84vh,620px);max-height:min(84dvh,620px)}.bzy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;padding:2px 1px 14px}.bzy-option{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:6px 5px 8px;overflow:visible;border:1px solid var(--line-soft);border-radius:10px;background:#06171399;transition:border-color .16s ease,background .16s ease}.bzy-option.is-selected{border-color:var(--gold-light);background:#c9a45d24}.bzy-option-art{display:block;width:100%;aspect-ratio:2 / 3;overflow:hidden;border:1px solid rgba(245,228,176,.16);border-radius:5px;background:#0d241f}.bzy-option-art img{width:100%;height:100%;object-fit:cover}.bzy-option b{display:flex;align-items:center;justify-content:center;overflow:visible;width:100%;min-height:2.5em;color:var(--paper);font-size:9.5px;font-weight:600;line-height:1.25;text-align:center;overflow-wrap:anywhere;white-space:normal}.bzy-option small{color:var(--gold);font-size:7.5px;line-height:1.2}.target-sheet{padding-bottom:calc(18px + var(--safe-bottom))}.target-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:2px 0 4px}.target-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px 8px;border:1px solid var(--line-soft);border-radius:12px;background:#06171399}.target-option.is-selected{border-color:var(--gold-light);background:#c9a45d1f}.target-option .avatar{margin-bottom:2px;border:1px solid rgba(245,228,176,.24)}.target-option b{overflow:hidden;max-width:100%;color:var(--paper);font-size:10.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.target-option small{color:var(--muted-2);font-size:8px}.target-check{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;color:#241a0b;background:var(--gold-light)}.target-cancel{width:100%;margin-top:9px}.card-detail-layer{z-index:140;align-items:center;padding:16px}.card-detail{position:relative;z-index:1;display:flex;flex-direction:column;width:min(94%,390px);max-height:90vh;max-height:90dvh;padding:15px;overflow-y:auto;border:1px solid rgba(245,228,176,.3);border-radius:21px;background:radial-gradient(120% 50% at 50% 0%,rgba(45,87,73,.4),transparent 58%),linear-gradient(180deg,#0e2a24,#081b17);box-shadow:0 24px 60px #0009;scrollbar-width:thin}.card-detail-close{position:absolute;top:8px;right:8px;z-index:4;width:32px;height:32px;font-size:20px;font-weight:300;background:#05110eb3}.card-detail-art{position:relative;width:min(52%,180px);margin:2px auto 12px;overflow:hidden;border:1px solid rgba(245,228,176,.32);border-radius:8px;box-shadow:0 12px 28px #00000075,0 0 0 3px #081b18cc,0 0 0 4px #c9a45d33}.card-detail-art img{width:100%}.card-detail-art .tier-chip{position:absolute;bottom:6px;left:6px;background:#05110ed9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-detail-heading h2{color:var(--paper);font-size:25px}.card-detail-tier{margin-top:2px;color:var(--gold);font-size:9.5px;line-height:1.45}.card-detail-mark{flex:none;padding:4px 3px;border:1px solid rgba(180,82,67,.6);border-radius:3px;color:#d08b7e;font-family:var(--font-display);font-size:9px;letter-spacing:.14em;line-height:1.15;writing-mode:vertical-rl}.card-detail-effect{margin-top:12px;padding:11px 12px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);background:#04100d59}.card-detail-effect p{margin-top:4px;color:var(--text);font-size:12px;line-height:1.7}.card-detail-effect .muted-line{margin-top:6px;color:var(--muted-2);font-size:10px}.card-detail-hint{margin-top:9px;color:var(--muted-2);font-size:9px;text-align:center}.rules-sheet{height:min(88vh,730px);height:min(88dvh,730px)}.rules-scroll{padding:12px 2px 8px}.rule-intro{display:flex;flex-direction:column;gap:4px;margin-bottom:13px;padding:10px 12px;border:1px solid var(--line-soft);border-radius:11px;background:#c9a45d0f}.rule-intro p{color:var(--muted);font-size:11px;line-height:1.55}.rule-steps{display:flex;flex-direction:column;gap:8px;counter-reset:rule-step}.rule-steps li{position:relative;padding-left:29px;color:var(--muted);font-size:11.5px;line-height:1.6}.rule-steps li:before{position:absolute;top:1px;left:0;display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--line);border-radius:50%;color:var(--gold);font-family:var(--font-display);font-size:9px;content:counter(rule-step);counter-increment:rule-step}.rule-steps b{color:var(--paper);font-weight:600}.rule-callout{position:relative;margin-top:13px;padding:11px 12px 10px;border:1px solid rgba(201,164,93,.2);border-radius:11px;background:#c9a45d0e}.rule-callout-mark{display:inline-block;margin-bottom:4px;padding:1px 6px;border:1px solid rgba(201,164,93,.3);border-radius:4px;color:var(--gold);font-size:8px;letter-spacing:.08em}.rule-callout p{margin-top:4px;color:var(--muted);font-size:10.5px;line-height:1.6}.rule-note{margin:4px 0 10px;color:var(--muted-2);font-size:10px;line-height:1.6}.tier-block{margin-bottom:12px}.tier-block h3{display:flex;align-items:center;gap:6px;margin-bottom:6px;color:var(--paper);font-family:var(--font-body);font-size:11px;font-weight:700}.tier-chips{display:flex;flex-wrap:wrap;gap:5px}.bomb-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.bomb-pair{display:flex;align-items:center;justify-content:center;gap:4px;min-height:31px;padding:4px 6px;border:1px solid rgba(211,107,92,.18);border-radius:8px;background:#d36b5c0e;font-size:9.5px}.bomb-pair b{color:#efc2b8;font-weight:600}.bomb-pair i{color:#d36b5c99;font-size:9px;font-style:normal}.effect-list{display:flex;flex-direction:column;gap:7px}.effect-item{padding:8px 10px;border:1px solid var(--line-soft);border-left:2px solid var(--tier, var(--gold));border-radius:8px;background:#06171366}.effect-item-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.effect-item-head b{color:var(--paper);font-size:11px;font-weight:600}.effect-item-head span{color:var(--tier, var(--gold));font-size:8px}.effect-item p{margin-top:3px;color:var(--muted);font-size:9.5px;line-height:1.6}.game-menu{padding-bottom:calc(18px + var(--safe-bottom))}.menu-room-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#c9a45d12}.menu-room-card>div{display:flex;flex-direction:column}.menu-room-card b{color:var(--gold-light);font-family:var(--font-display);font-size:20px;letter-spacing:.16em}.menu-list{display:flex;flex-direction:column;gap:1px;margin:12px 0;overflow:hidden;border:1px solid var(--line-soft);border-radius:12px}.menu-row{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;min-height:57px;padding:8px 12px;border-bottom:1px solid var(--line-soft);color:var(--gold);background:#081b1866;text-align:left}.menu-row:last-child{border-bottom:0}.menu-row>span:nth-child(2){display:flex;flex-direction:column;gap:1px}.menu-row b{color:var(--paper);font-size:12px;font-weight:600}.menu-row small{color:var(--muted-2);font-size:9px}.switch-pill{position:relative;width:34px;height:19px;border:1px solid var(--line);border-radius:999px;background:#04100d99;transition:background .16s ease}.switch-pill i{position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:var(--muted);transition:transform .18s ease,background .18s ease}.switch-pill.is-on{background:#c9a45d38;border-color:#c9a45d66}.switch-pill.is-on i{background:var(--gold-light);transform:translate(15px)}.menu-leave{width:100%;margin-top:2px}.menu-note{padding:2px 2px 0;color:var(--muted-2);font-size:9.5px;line-height:1.5;text-align:center}.log-sheet{height:min(82vh,620px);height:min(82dvh,620px)}.log-scroll{padding:4px 0}.log-list{display:flex;flex-direction:column;gap:1px}.log-item{display:flex;align-items:flex-start;gap:8px;padding:7px 5px;border-bottom:1px solid rgba(245,228,176,.05)}.log-dot{width:4px;height:4px;margin-top:5px;flex:none;border-radius:50%;background:#c9a45d80}.log-item p{color:var(--muted);font-size:10.5px;line-height:1.55}.log-finish p{color:var(--gold-light)}.log-play p{color:#e5dfcd}.log-pass p{color:var(--muted-2)}.boot-screen,.loading-screen{align-items:center;justify-content:center;gap:4px;text-align:center}.boot-cards{position:relative;width:136px;height:120px;margin-bottom:14px}.boot-card{position:absolute;top:0;left:50%;width:68px;border:1px solid rgba(245,228,176,.24);border-radius:5px;box-shadow:0 10px 24px #0006;transform-origin:50% 100%}.boot-card-a{transform:translate(-92%) rotate(-12deg)}.boot-card-b{transform:translate(-8%) rotate(12deg)}.boot-card-c{transform:translate(-50%) translateY(-5px)}.boot-mark,.loading-mark{display:grid;place-items:center;width:54px;height:54px;margin-bottom:8px;border:1px solid rgba(245,228,176,.5);border-radius:50%;color:var(--gold-light);font-family:var(--font-display);font-size:16px;letter-spacing:.04em}.boot-screen h1{color:var(--paper);font-size:25px}.boot-screen p,.loading-screen p{color:var(--muted-2);font-size:10px}.boot-line{display:block;width:110px;height:1px;margin-top:14px;overflow:hidden;background:#c9a45d2e}.boot-line i{display:block;width:40%;height:100%;background:var(--gold);animation:boot-slide 1.3s ease-in-out infinite}@keyframes boot-slide{0%{transform:translate(-110%)}to{transform:translate(320%)}}@media(max-width:370px){.onboarding-screen{padding-right:14px;padding-left:14px}.brand-seal{width:60px;height:60px}.onboarding-title h1,.home-title h1{font-size:38px}.avatar-grid{gap:6px}.avatar-choice{padding:5px 2px}.home-screen{padding-right:14px;padding-left:14px}.lobby-code{font-size:38px;gap:10px}.table-seat{width:84px}.table-center{width:77%}.table-card{width:clamp(52px,16vw,66px)}.seat-play .card-thumb{width:20px;height:30px}.action-button{height:52px}.action-play{font-size:18px}.dock-status{font-size:8.5px}.self-chip em{display:none}}@media(max-height:730px){.home-hero{padding:4px 0 6px}.hero-cards{width:205px;height:151px;margin-bottom:0}.hero-card{width:86px}.hero-seal{width:47px;height:47px;font-size:15px}.home-title h1{font-size:38px}.home-title p{font-size:11px}.hero-stats{margin-top:8px}.home-action{min-height:59px;padding-top:7px;padding-bottom:7px}.home-action-icon{width:35px;height:35px}.home-actions{gap:7px}.home-foot{margin-top:7px;padding-top:6px}.onboarding-hero{margin-bottom:16px}.form-section{margin-bottom:14px}.onboarding-title h1{font-size:34px}.avatar-choice{padding-top:5px;padding-bottom:5px}.game-topbar{min-height:calc(44px + var(--safe-top))}.table-center{top:29%}.game-table[data-seats="1"] .table-center{top:38%}.game-table[data-seats="2"] .table-center{top:36%}.table-card{width:clamp(48px,15vw,64px)}.turn-banner{padding:3px 8px}.action-button{height:49px}.action-play{font-size:18px}.action-play small{display:none}.play-dock{padding-top:3px}.dock-topline{min-height:20px}.lobby-code-block{padding-top:10px;padding-bottom:8px}.lobby-seat{min-height:56px;padding-top:5px;padding-bottom:5px}.lobby-seat .avatar{--avatar-size: 43px !important}.lobby-top{min-height:36px}}@media(max-height:620px){.home-foot,.home-links,.hero-cards{display:none}.home-hero{justify-content:center}.onboarding-decor{display:none}.brand-seal{width:54px;height:54px}.onboarding-title h1{font-size:31px}.form-section{margin-bottom:10px}.table-seat .avatar{--avatar-size: 42px !important}.seat-meta span{display:none}.table-center{top:26%}.game-table[data-seats="1"] .table-center{top:38%}.game-table[data-seats="2"] .table-center{top:36%}.table-ticker,.self-chip em,.tool-note,.selection-tools{display:none}.dock-status{min-height:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.table-ticker{right:104px}.table-chat{position:absolute;right:10px;bottom:26px;z-index:15;display:flex;align-items:center;justify-content:center;gap:6px;min-width:86px;height:44px;padding:0 14px;border:1px solid rgba(255,239,193,.68);border-radius:14px;color:#1d2e26;background:linear-gradient(180deg,#f0dca4,#c99f58);box-shadow:0 7px 18px #00000059,inset 0 1px #fff6;font-size:13px;font-weight:800;letter-spacing:.03em}.table-chat .icon{color:#1d2e26}.table-chat em{padding:0;border:0;color:#1d2e26a6;font-size:10px;font-style:normal}.table-chat:disabled{opacity:.52;filter:saturate(.55)}.self-chip{position:relative}.dock-chat{display:inline-flex;align-items:center;gap:3px;padding:4px 8px;border:1px solid rgba(201,164,93,.42);border-radius:999px;color:var(--gold-light);background:#081b18b8;font-size:10px;font-weight:600;white-space:nowrap}.dock-chat em{padding:0;border:0;color:var(--muted-2);font-size:9px;font-style:normal}.dock-chat:disabled{opacity:.52}.speech-bubble{position:absolute;z-index:30;width:max-content;max-width:158px;padding:7px 10px;border:1px solid rgba(255,247,221,.72);border-radius:11px;color:#21372f;background:#f3e3b6;box-shadow:0 5px 16px #0006;font-size:11.5px;font-weight:600;line-height:1.4;overflow-wrap:anywhere;pointer-events:none;animation:speech-pop .16s ease-out}.speech-bubble:after{content:"";position:absolute;width:0;height:0;border:6px solid transparent}.self-speech:after{left:12px;bottom:-11px;border-top-color:#f3e3b6;transform:none}.seat-speech{top:calc(100% + 5px);left:50%;transform:translate(-50%)}.seat--top .seat-speech:after{top:-11px;left:50%;border-bottom-color:#f3e3b6;transform:translate(-50%)}.seat--left .seat-speech,.seat--top-left .seat-speech{top:2px;left:calc(50% + 24px);right:auto;transform:none}.seat--right .seat-speech,.seat--top-right .seat-speech{top:2px;right:calc(50% + 24px);left:auto;transform:none}.seat--left .seat-speech:after,.seat--top-left .seat-speech:after{top:16px;left:-11px;border-right-color:#f3e3b6;transform:translateY(-50%)}.seat--right .seat-speech:after,.seat--top-right .seat-speech:after{top:16px;right:-11px;border-left-color:#f3e3b6;transform:translateY(-50%)}.seat--top .seat-speech{top:calc(100% + 5px);left:50%;transform:translate(-50%)}.self-speech{bottom:calc(100% + 22px);left:2px;max-width:188px}@keyframes speech-pop{0%{opacity:0}to{opacity:1}}.chat-sheet .sheet-scroll{padding-right:2px}.sheet-note{margin:-4px 0 10px;color:var(--muted-2);font-size:10.5px;line-height:1.5}.chat-list{display:flex;flex-direction:column;gap:7px;padding:1px 1px 5px}.chat-option{display:flex;align-items:flex-start;gap:10px;width:100%;padding:11px 12px;border:1px solid var(--line-soft);border-radius:12px;color:var(--paper);background:#06171394;font-size:13px;line-height:1.45;text-align:left}.chat-option:active{border-color:#f5e4b075;background:#c9a45d1f}.chat-option:disabled{opacity:.5}.chat-option-index{flex:none;padding-top:1px;color:#c9a45da6;font-family:var(--font-display);font-size:9px;letter-spacing:.08em}.chat-option-text{min-width:0;overflow-wrap:anywhere}.music-button{flex:none}.music-button.is-playing{color:var(--gold-light);border-color:#f5e4b080;box-shadow:0 0 12px #c9a45d2e}.music-audio{display:none}.music-sheet{padding-bottom:calc(18px + var(--safe-bottom))}.music-now{display:flex;align-items:center;gap:14px;padding:13px;border:1px solid var(--line-soft);border-radius:15px;background:#0617138f}.music-disc{position:relative;display:flex;flex:none;align-items:center;justify-content:center;width:56px;height:56px;border:1px solid rgba(245,228,176,.32);border-radius:50%;color:var(--gold-light);background:radial-gradient(circle,#182f28 0 17%,transparent 18%),repeating-radial-gradient(circle,#213b32 0 2px,#0d241f 3px 7px)}.music-now.is-playing .music-disc{animation:music-spin 7s linear infinite}.music-disc-hole{position:absolute;width:9px;height:9px;border-radius:50%;background:#f3e3b6;box-shadow:0 0 0 3px #c9a45d38}.music-wave{position:relative;z-index:1;color:#f3e3b6;font-size:17px;font-weight:700}@keyframes music-spin{to{transform:rotate(360deg)}}.music-now-meta{display:flex;flex-direction:column;min-width:0;gap:2px}.music-now-meta b{overflow:hidden;color:var(--paper);font-family:var(--font-display);font-size:18px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.music-now-meta small{color:var(--muted-2);font-size:9.5px}.music-controls{display:grid;gap:8px;margin:12px 0 4px}.music-control{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;width:100%;padding:10px 12px;border:1px solid var(--line-soft);border-radius:13px;color:var(--paper);background:#0617138a;text-align:left}.music-control .icon{grid-row:1 / 3;color:var(--gold)}.music-control b{font-size:12px;font-weight:600}.music-control small{color:var(--muted-2);font-size:9px;line-height:1.3}.music-control.is-primary{border-color:#c9a45d8c;color:#17261f;background:linear-gradient(180deg,#e5cd91,#bf9350)}.music-control.is-primary .icon,.music-control.is-primary small{color:#17261fb8}.music-control.is-on:not(.is-primary){border-color:#f5e4b080;background:#c9a45d21}.bzy-option-art{flex:none}.final-hands{position:absolute;z-index:30;inset:10px;display:flex;flex-direction:column;min-height:0;padding:12px;border:1px solid rgba(245,228,176,.34);border-radius:14px;background:radial-gradient(120% 70% at 50% 0%,rgba(53,100,84,.34),transparent 65%),#061713f5;box-shadow:0 12px 34px #00000073;animation:fade-in .22s ease}.final-hands-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex:none;margin-bottom:7px}.final-hands-head h2{margin-top:1px;color:var(--paper);font-size:20px}.final-hands-progress{padding:3px 7px;border:1px solid var(--line-soft);border-radius:999px;color:var(--gold);font-size:8.5px;white-space:nowrap}.final-hands-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:2px;scrollbar-width:thin;scrollbar-color:rgba(201,164,93,.3) transparent}.final-hand-row{padding:7px 0;border-bottom:1px solid rgba(245,228,176,.08)}.final-hand-row.is-me{background:#c9a45d0f}.final-hand-player{display:flex;align-items:center;gap:6px;min-width:0}.final-hand-player b{overflow:hidden;color:var(--paper);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.final-hand-player small{margin-left:auto;color:var(--muted-2);font-size:8.5px;white-space:nowrap}.final-hand-cards{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px;padding-left:36px}.final-hand-cards .card-thumb{width:23px;height:34px;border-radius:3px}.final-hand-empty{color:var(--muted-2);font-size:9.5px}.final-hands-return{flex:none;width:100%;margin-top:8px;min-height:42px}.lobby-rename{display:flex;align-items:center;justify-content:center;gap:4px;width:max-content;margin:8px auto 2px;padding:4px 9px;border:1px solid rgba(201,164,93,.2);border-radius:999px;font-size:10px;text-decoration:none}.rename-sheet .button{width:100%;margin-top:12px}.start-stats-layer{align-items:center;justify-content:center;padding:18px}.start-stats{position:relative;z-index:1;width:min(90vw,340px);padding:23px 19px 17px;border:1px solid rgba(245,228,176,.38);border-radius:22px;background:radial-gradient(120% 60% at 50% 0%,rgba(53,100,84,.4),transparent 62%),linear-gradient(180deg,#0e2b25,#081c18);box-shadow:0 24px 70px #0000009e;text-align:center;animation:result-pop .3s cubic-bezier(.22,1,.36,1)}.start-stats-close{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--line-soft);border-radius:50%;color:var(--muted);background:#04100d99}.start-stats h2{margin:4px 0 5px;color:var(--paper);font-size:26px}.start-stats-note{color:var(--muted);font-size:10.5px;line-height:1.5}.start-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0 8px}.start-stats-grid>div{display:flex;flex-direction:column;gap:3px;padding:10px 6px;border:1px solid var(--line-soft);border-radius:12px;background:#04100d80}.start-stats-grid span{color:var(--muted-2);font-size:9.5px}.start-stats-grid b{color:var(--gold-light);font-family:var(--font-display);font-size:28px;font-weight:600}.start-stats-foot{color:var(--muted-2);font-size:9px;line-height:1.45}.start-stats-dismiss{margin-top:9px;color:var(--muted);font-size:10px}.admin-gate-screen{align-items:center;justify-content:center;padding:22px;background:radial-gradient(circle at 50% 20%,rgba(201,164,93,.16),transparent 45%),#06110f}.admin-gate-card{width:min(100%,360px)}.admin-password-sheet{padding-bottom:calc(18px + var(--safe-bottom))}.admin-password{position:relative;display:flex;flex-direction:column;gap:10px}.admin-password-head{display:flex;align-items:center;gap:12px;margin-bottom:2px}.admin-seal{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid rgba(245,228,176,.52);border-radius:50%;color:#241a0a;background:linear-gradient(180deg,#f2dca3,#c69a4f);box-shadow:0 0 24px #c9a45d38;font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.08em}.admin-password h2{color:var(--paper);font-size:23px}.admin-password-hint{color:var(--muted);font-size:11.5px;line-height:1.5}.admin-password-field input{width:100%;height:54px;padding:0 15px;border:1px solid var(--line);border-radius:13px;outline:none;color:var(--gold-light);background:#04100da8;font-size:20px;letter-spacing:.18em;text-align:center}.admin-password-field input:focus{border-color:#f5e4b094;box-shadow:0 0 0 3px #c9a45d1a}.admin-password-field.has-error input{border-color:#d36b5cb3}.admin-password-actions{display:flex;flex-direction:column;gap:8px;margin-top:4px}.admin-password-actions .button{width:100%}.admin-password-mark{position:absolute;right:4px;bottom:-2px;color:#c9a45d59}.admin-button{color:var(--gold-light);border-color:#c9a45d66}.admin-options{display:grid;gap:8px;margin-top:2px}.admin-option{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:9px 11px;border:1px solid rgba(201,164,93,.26);border-radius:13px;color:var(--paper);background:linear-gradient(180deg,#14342dd1,#081c17d1);text-align:left}.admin-option:active{border-color:#f5e4b094}.admin-option:disabled{opacity:.5}.admin-option-index{flex:none;color:#c9a45d9e;font-family:var(--font-display);font-size:10px;letter-spacing:.08em}.admin-option-text{flex:1;font-size:13px;font-weight:600}.admin-option .icon{color:var(--gold)}.admin-notice{position:fixed;z-index:180;top:22%;left:50%;display:flex;flex-direction:column;align-items:center;gap:7px;width:min(86vw,360px);padding:16px 18px;border:1px solid rgba(245,228,176,.5);border-radius:16px;color:var(--paper);background:radial-gradient(120% 100% at 50% 0%,rgba(201,164,93,.2),transparent 60%),#071914f5;box-shadow:0 18px 60px #0000008c,0 0 30px #c9a45d29;text-align:center;transform:translate(-50%);pointer-events:none;animation:admin-notice-in .22s ease-out}.admin-notice-mark{padding:2px 7px;border:1px solid rgba(201,164,93,.42);border-radius:999px;color:var(--gold);font-size:8px;letter-spacing:.16em}.admin-notice b{font-family:var(--font-display);font-size:17px;font-weight:600;line-height:1.5}@keyframes admin-notice-in{0%{opacity:0;transform:translate(-50%,-8px) scale(.97)}to{opacity:1;transform:translate(-50%) scale(1)}}@media(max-width:360px){.game-topbar.has-admin .direction-pill{gap:0;padding:4px 6px;font-size:0}}