:root{--ink:#17191b;--ink-soft:#25282b;--ink-muted:#65605a;--paper:#f2ede3;--paper-deep:#e8e0d2;--surface:#fffdf8;--line:#d8d0c2;--line-dark:#3a3b3c;--gold:#c5903f;--gold-deep:#a96f24;--gold-pale:#f1dfb5;--rust:#b85c3c;--rust-pale:#f3ddd4;--teal:#397e79;--teal-pale:#d8e9e6;--blue:#3f6f9e;--danger:#9f3c32;--shadow:0 18px 50px #17191b1a;--sidebar-width:224px;--topbar-height:72px;--radius:8px;--font-ui:"Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", "Noto Sans SC", sans-serif}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth;min-width:320px}body{color:var(--ink);background:radial-gradient(circle at 15% 8%, #c5903f1a, transparent 28rem), var(--paper);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}[hidden]{display:none!important}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{z-index:20;color:#c9c7c1;background:linear-gradient(180deg, #ffffff06, transparent 40%), var(--ink);border-right:1px solid #ffffff12;flex-direction:column;height:100vh;padding:22px 14px 16px;display:flex;position:sticky;top:0}.brand{color:#f8f0df;align-items:center;gap:11px;min-height:48px;padding:0 10px;display:flex}.brand-mark{width:36px;height:36px;color:var(--ink);background:linear-gradient(145deg,#e3bb72,#b87b2e);border-radius:7px;flex:0 0 36px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff59,0 8px 18px #00000040}.brand-mark svg{stroke-width:1.9px;width:23px;height:23px}.brand-copy{flex-direction:column;min-width:0;display:flex}.brand-copy strong{letter-spacing:.04em;font-size:15px}.brand-copy small{color:#787a78;letter-spacing:.22em;margin-top:1px;font-size:8px;font-weight:700}.nav-context{color:#717371;letter-spacing:.14em;margin:29px 12px 8px;font-size:10px;font-weight:700}.nav-context-second{margin-top:18px}.side-nav{gap:4px;display:grid}.nav-item{color:#a9aaa6;border:1px solid #0000;border-radius:7px;align-items:center;gap:12px;min-height:42px;padding:0 12px;transition:all .16s;display:flex;position:relative}button.nav-item{text-align:left;cursor:pointer;background:0 0;width:100%}.nav-item svg{stroke-width:1.7px;flex:0 0 18px;width:18px;height:18px}.nav-item span:not(.nav-count):not(.status-dot){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-item:hover{color:#f5ecdb;background:#ffffff0d}.nav-item.is-active{color:#fff5df;background:linear-gradient(90deg,#c5903f33,#c5903f12);border-color:#d5a86033}.nav-item.is-active:before{content:"";background:#d4a152;border-radius:0 3px 3px 0;width:3px;position:absolute;top:9px;bottom:9px;left:-1px}.nav-item.is-active svg{color:#e3b56b}.nav-count{color:#111;background:#e0b364;border-radius:10px;place-items:center;min-width:21px;height:20px;margin-left:auto;padding:0 6px;font-size:10px;font-weight:800;display:grid}.status-dot{background:#5aae8a;border-radius:50%;width:7px;height:7px;margin-left:auto;box-shadow:0 0 0 4px #5aae8a1a}.sidebar-account{border-top:1px solid #ffffff14;margin-top:auto;padding-top:14px}.account-card{text-align:left;color:#cccac4;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;padding:10px 8px;display:flex}.account-card:hover{background:#ffffff0d}.account-card>svg{color:#737572;width:16px;margin-left:auto}.account-copy{flex-direction:column;min-width:0;display:flex}.account-copy strong{color:#e7e4dd;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.account-copy small{color:#777975;font-size:10px}.avatar{color:#2d2115;background:linear-gradient(135deg,#e4bb73,#bd8240);border:1px solid #fff3;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:inline-grid}.avatar-amber{color:#332514;background:linear-gradient(145deg,#eed397,#c8944b)}.avatar-teal{color:#173c39;background:linear-gradient(145deg,#a4d7cf,#5b9f97)}.avatar-rust{color:#4c2419;background:linear-gradient(145deg,#edb59f,#bd6a48)}.avatar-image{object-fit:cover;background:#e7ddcf;display:block}.site-auth-gate{color:#aaa9a2;background:radial-gradient(circle at 50% 42%, #c5903f1f, transparent 28rem), var(--ink);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.site-auth-gate strong{color:#f2e8d6;margin-top:15px;font-size:13px}.site-auth-gate small{color:#777c78;margin-top:3px;font-size:9px}.site-auth-gate>i{background:#303335;border-radius:2px;width:120px;height:3px;margin-top:16px;overflow:hidden}.site-auth-gate>i:after{content:"";background:#d7ad69;width:45%;height:100%;animation:1.1s ease-in-out infinite alternate boot-progress;display:block}.avatar-lg{flex-basis:52px;width:52px;height:52px;font-size:19px}.avatar-xl{border:3px solid var(--surface);width:88px;height:88px;box-shadow:0 0 0 1px var(--line), 0 10px 25px #17191b24;flex-basis:88px;font-size:30px}.main-column{min-width:0}.topbar{z-index:15;height:var(--topbar-height);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f2ede3eb;border-bottom:1px solid #8d807033;align-items:center;gap:24px;padding:0 clamp(22px,3.2vw,48px);display:flex;position:sticky;top:0}.mobile-brand{display:none}.search-box{color:#8c867c;background:var(--surface);border:1px solid var(--line);border-radius:7px;align-items:center;gap:10px;width:min(510px,48vw);height:40px;padding:0 10px 0 14px;transition:all .16s;display:flex}.search-box:focus-within{color:var(--ink);border-color:#b6925f;box-shadow:0 0 0 3px #c5903f1f}.search-box svg{flex:0 0 18px;width:18px;height:18px}.search-box input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:0;font-size:12px}.search-box input::placeholder{color:#9a9489}.search-key{color:#9a9489;background:#f0ebe2;border:1px solid #ddd5c8;border-radius:4px;flex:0 0 22px;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.top-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.icon-button{color:#68635b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;place-items:center;width:38px;height:38px;padding:0;display:grid;position:relative}.icon-button:hover{color:var(--ink);background:var(--surface);border-color:var(--line)}.icon-button svg{width:19px;height:19px}.notification-dot{background:var(--rust);border:1px solid var(--paper);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}.top-user{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;min-width:0;height:44px;padding:0 8px 0 4px;display:flex}.top-user:hover{background:#fffdf8b3}.top-user>svg{color:#8e887e;width:13px}.top-user-copy{flex-direction:column;min-width:0;display:flex}.top-user-copy strong{font-size:12px}.top-user-copy small{color:var(--ink-muted);font-size:9px}.login-link{color:#fff5e5;text-align:center;background:var(--ink);border-radius:6px;min-width:58px;padding:8px 13px;font-size:12px;display:none}.workspace{width:100%;max-width:1550px;min-height:calc(100vh - var(--topbar-height));margin:0 auto;padding:34px clamp(22px,3.2vw,48px) 58px}.view{animation:.28s both view-in}@keyframes view-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.eyebrow{color:#8e7555;letter-spacing:.17em;margin:0 0 5px;font-size:9px;font-weight:800}.page-heading h1{letter-spacing:-.035em;margin:0;font-size:clamp(27px,3vw,36px);line-height:1.1}.heading-actions{gap:9px;display:flex}.primary-button,.ghost-button,.quiet-button,.text-button{white-space:nowrap;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 16px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.primary-button svg,.ghost-button svg,.quiet-button svg,.text-button svg{flex:0 0 16px;width:16px;height:16px}.primary-button{color:#fff9ee;background:var(--ink);border:1px solid var(--ink);box-shadow:0 6px 14px #17191b21}.primary-button:hover{background:#292b2d;transform:translateY(-1px)}.primary-button.compact,.quiet-button.compact{min-height:34px;padding:0 12px;font-size:11px}.ghost-button{color:#eee7d9;background:#ffffff0f;border:1px solid #ffffff38}.ghost-button:hover{background:#ffffff1f}.quiet-button{color:#4f4b45;background:0 0;border:1px solid #cfc6b8}.quiet-button:hover{color:var(--ink);background:var(--surface)}.text-button{min-height:auto;color:var(--gold-deep);background:0 0;border:0;padding:0}.text-button:hover{color:var(--ink)}.full-width{width:100%}.hall-top{grid-template-columns:minmax(0,1.72fr) minmax(275px,.72fr);gap:18px;display:grid}.featured-game{color:#f7f0e2;border-radius:var(--radius);min-height:356px;box-shadow:var(--shadow);isolation:isolate;background:linear-gradient(90deg,#171a1c 0%,#171a1cf5 50%,#171a1c94 100%);border:1px solid #3a3b3b;position:relative;overflow:hidden}.featured-texture{z-index:-1;opacity:.17;background-image:linear-gradient(120deg,#0000 35%,#daa95940),repeating-linear-gradient(90deg,#0000 0 29px,#ffffff0d 30px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 80%);mask-image:linear-gradient(90deg,#000,#0000 80%)}.featured-art{z-index:-1;width:53%;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.featured-art:after{content:"";background:linear-gradient(90deg,#171a1c 0,#0000 58%),linear-gradient(#0000 50%,#171a1c9e);position:absolute;inset:0}.featured-map{object-fit:cover;opacity:.9;filter:sepia(.4)saturate(.7)contrast(1.06);width:100%;height:100%;transform:scale(1.04)}.featured-logo{z-index:2;object-fit:contain;filter:drop-shadow(0 12px 20px #00000073);width:min(92%,470px);max-height:66%;position:absolute;top:50%;right:0;transform:translateY(-50%)rotate(-2deg)}.featured-content{z-index:2;width:62%;padding:38px 30px 26px;position:relative}.featured-label{color:#d8b77d;letter-spacing:.08em;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.featured-label span{background:#d8b77d;width:20px;height:1px}.featured-content h2{color:#fff8e9;letter-spacing:-.04em;margin:18px 0 11px;font-size:clamp(29px,4vw,45px);line-height:1}.featured-content>p{color:#aba9a2;max-width:390px;margin:0;font-size:12px;line-height:1.75}.featured-tags{flex-wrap:wrap;gap:6px;margin-top:17px;display:flex}.featured-tags span{color:#d5d1c7;background:#ffffff12;border:1px solid #ffffff1a;border-radius:4px;padding:4px 8px;font-size:10px}.featured-actions{flex-wrap:wrap;gap:9px;margin-top:23px;display:flex}.featured-actions .primary-button{color:#21180d;background:#e4ba74;border-color:#e4ba74}.featured-actions .primary-button:hover{background:#efc881}.featured-meta{color:#7f817e;border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:17px;margin-top:27px;padding-top:15px;font-size:10px;display:flex}.featured-meta strong{color:#ded8cb;font-size:11px}.hall-aside{border:1px solid var(--line);border-radius:var(--radius);background:#fffdf8cc;min-width:0;padding:20px}.aside-head{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.aside-head h3{margin:0;font-size:15px}.aside-head a{color:#8c7452;font-size:10px}.aside-head a:hover{color:var(--ink)}.continue-card{background:#ece5d8;border-radius:7px;align-items:center;gap:13px;margin-top:15px;padding:10px;display:flex}.continue-cover{aspect-ratio:16/10;background:#1b1c1d;border-radius:5px;flex:0 0 88px;width:88px;position:relative;overflow:hidden}.continue-cover img{object-fit:cover;width:100%;height:100%}.continue-play{color:#f8e9cb;background:#17191bd6;border:1px solid #ffffff3d;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.continue-play svg{width:14px;height:14px;margin-left:1px}.continue-copy{width:100%;min-width:0}.continue-title-row{justify-content:space-between;gap:8px;display:flex}.continue-title-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.continue-title-row>span{color:var(--gold-deep);font-size:10px;font-weight:800}.continue-copy p{color:var(--ink-muted);margin:3px 0 8px;font-size:11px}.continue-copy small{color:#8b857d;margin-top:6px;font-size:10px;display:block}.mini-progress{background:#d6cebf;border-radius:3px;width:100%;height:4px;display:block;overflow:hidden}.mini-progress span{background:var(--rust);border-radius:inherit;height:100%;display:block}.mini-progress.teal span{background:var(--teal)}.mini-progress.gold span{background:var(--gold)}.aside-divider{background:var(--line);height:1px;margin:20px 0}.aside-head.small h3{font-size:13px}.online-count{color:var(--teal);font-size:10px;font-weight:700}.friend-room-list{gap:4px;margin-top:9px;display:grid}.friend-room{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;width:100%;padding:7px 5px;display:flex}.friend-room:hover{background:#f0e9dd}.friend-room>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.friend-room strong{font-size:11px}.friend-room small{color:#89827a;font-size:10px}.room-state{color:#77736d;white-space:nowrap;background:#e9e3d9;border-radius:3px;margin-left:auto;padding:3px 6px;font-size:9px}.room-state.open{color:#296b67;background:var(--teal-pale)}.game-catalog{margin-top:32px}.catalog-head{align-items:center;gap:20px;margin-bottom:15px;display:flex}.catalog-title-row{align-items:baseline;gap:9px;margin-right:auto;display:flex}.catalog-title-row h2{letter-spacing:-.02em;margin:0;font-size:19px}.catalog-count{color:#8a8379;font-size:11px}.category-tabs{align-items:center;gap:3px;display:flex}.category-tab{color:#6c675f;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;min-height:30px;padding:0 10px;font-size:11px}.category-tab:hover{color:var(--ink);background:#fffdf899}.category-tab.is-active{color:#fff9ed;background:var(--ink)}.sort-select{color:#7e786f;align-items:center;gap:6px;font-size:11px;display:flex;position:relative}.sort-select select{color:#4f4b45;appearance:none;background:var(--surface);border:1px solid var(--line);border-radius:5px;outline:0;height:30px;padding:0 25px 0 9px;font-size:11px}.sort-select svg{pointer-events:none;width:13px;position:absolute;right:6px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.game-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;transition:all .19s;overflow:hidden}.game-card:hover{border-color:#bcb1a1;transform:translateY(-3px);box-shadow:0 15px 35px #17191b1a}.game-cover{aspect-ratio:16/9;background:#1d2021;position:relative;overflow:hidden}.game-cover>img{object-fit:cover;width:100%;height:100%;transition:all .4s}.game-card:hover .game-cover>img{transform:scale(1.035)}.cover-double>img{object-position:center 68%;filter:sepia(.22)brightness(.78)}.cover-shade{background:linear-gradient(#0000 47%,#12141599),linear-gradient(120deg,#17191b38,#0000 55%);position:absolute;inset:0}.cover-badge{color:#f1e8d8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#17191bbd;border:1px solid #ffffff29;border-radius:3px;padding:4px 7px;font-size:8px;position:absolute;top:10px;left:10px}.cover-wordmark{color:#fff9eb;letter-spacing:.06em;text-align:center;text-shadow:0 3px 10px #0009;width:max-content;max-width:80%;font-size:clamp(21px,2.5vw,31px);font-weight:900;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.forest-wordmark{color:#d8f0c4;text-shadow:0 0 15px #326d41e6,2px 3px #234c34,-2px -2px #a96938}.gold-wordmark{color:#ffdb45;-webkit-text-stroke:1px #704a06;text-shadow:0 2px #7e5310,0 4px 9px #00000080}.cover-game-logo{object-fit:contain;filter:drop-shadow(0 5px 11px #0009);width:min(52%,230px);max-height:72%;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.cover-play{color:#fff3dc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#151718bd;border:1px solid #ffffff47;border-radius:50%;place-items:center;width:31px;height:31px;padding:0;transition:all .15s;display:grid;position:absolute;bottom:10px;right:10px}.cover-play:hover{color:#21180e;background:#e4bd7c}.cover-play svg{width:15px;height:15px;margin-left:1px}.game-card-body{padding:14px 15px 15px}.game-card-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.game-card-title h3{margin:0;font-size:15px}.score{color:var(--gold-deep);font-size:11px;font-weight:800}.game-card-body>p{color:var(--ink-muted);margin:5px 0 12px;font-size:11px}.game-card-meta{color:#817a70;border-bottom:1px solid #e7e0d5;align-items:center;gap:14px;padding-bottom:12px;font-size:10px;display:flex}.game-card-meta span{align-items:center;gap:4px;display:flex}.game-card-meta svg{width:13px;height:13px}.game-card-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.card-primary,.card-secondary{white-space:nowrap;cursor:pointer;border-radius:5px;justify-content:center;align-items:center;min-height:34px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.card-primary{color:#f8f2e7;background:var(--ink);border:1px solid var(--ink)}.card-primary:hover{background:#2a2c2e}.card-secondary{color:#514d47;background:0 0;border:1px solid #cec5b7}.card-secondary:hover:not(:disabled){color:var(--ink);background:#f2ece2;border-color:#b9ad9c}.card-secondary:disabled{color:#a19a90;cursor:not-allowed;background:#f1ece4;border-color:#e2dbcf}.empty-state{text-align:center;border-radius:var(--radius);background:#fffdf894;border:1px dashed #cdc3b4;padding:48px 20px}.empty-icon{color:#8d8377;background:#ede6da;border-radius:50%;place-items:center;width:44px;height:44px;margin:0 auto 12px;display:grid}.empty-icon svg{width:20px}.empty-state h3{margin:0;font-size:15px}.empty-state p{color:var(--ink-muted);margin:5px 0 0;font-size:11px}.profile-hero{color:#eee9df;background:linear-gradient(110deg, #c5903f1f, transparent 47%), var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #393b3c;grid-template-columns:minmax(0,1.3fr) minmax(360px,1fr);align-items:center;gap:30px;padding:26px 28px;display:grid}.profile-identity{align-items:center;gap:19px;display:flex}.profile-name-line{align-items:center;gap:9px;display:flex}.profile-name-line h2{color:#fff7e8;margin:0;font-size:26px}.level-pill{color:#e8bd78;background:#c5903f1f;border:1px solid #d2a7624d;border-radius:4px;padding:3px 7px;font-size:9px}.profile-identity p{color:#999992;max-width:520px;margin:8px 0 12px;font-size:12px}.profile-tags{flex-wrap:wrap;gap:6px;display:flex}.profile-tags span{color:#bbb7ad;background:#ffffff0f;border:1px solid #ffffff14;border-radius:3px;padding:4px 8px;font-size:10px}.profile-stats{border-top:1px solid #ffffff17;border-left:1px solid #ffffff17;grid-template-columns:repeat(2,1fr);display:grid}.profile-stats>div{border-bottom:1px solid #ffffff17;border-right:1px solid #ffffff17;flex-direction:column;padding:13px 18px;display:flex}.profile-stats strong{color:#f6ead6;font-size:21px;line-height:1.2}.profile-stats span{color:#858681;margin-top:3px;font-size:10px}.profile-layout{grid-template-columns:minmax(0,1.75fr) minmax(300px,.8fr);gap:18px;margin-top:18px;display:grid}.surface{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:22px}.section-head{justify-content:space-between;align-items:flex-end;gap:15px;display:flex}.section-head h2{margin:0;font-size:17px}.section-head>a{color:var(--gold-deep);font-size:10px;font-weight:700}.recent-list{margin-top:14px;display:grid}.recent-row{text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #ece5da;grid-template-columns:95px minmax(0,1fr) 72px 24px;align-items:center;gap:13px;width:100%;padding:11px 0;display:grid}.recent-row:first-child{border-top:0}.recent-row:hover .recent-title strong{color:var(--gold-deep)}.recent-row>img{aspect-ratio:16/9;object-fit:cover;border-radius:4px;width:95px}.recent-main{flex-direction:column;min-width:0;display:flex}.recent-title{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.recent-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.recent-title small{color:#9a9288;white-space:nowrap;font-size:10px}.recent-sub{color:#7f7870;margin:3px 0 7px;font-size:10px}.recent-time{color:#8b8378;text-align:right;font-size:10px}.row-arrow{color:#a39a8d;background:#f3eee5;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.row-arrow svg{width:13px}.profile-side{gap:18px;display:grid}.muted-count{color:#968d81;font-size:9px}.achievement-item{border-top:1px solid #ece5da;align-items:center;gap:10px;padding:12px 0;display:flex}.achievement-item:nth-of-type(2){margin-top:13px}.achievement-icon{border-radius:6px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.achievement-icon svg{width:18px;height:18px}.achievement-icon.rust{color:#91452f;background:var(--rust-pale)}.achievement-icon.teal{color:#2d6d68;background:var(--teal-pale)}.achievement-icon.gold{color:#91601d;background:var(--gold-pale)}.achievement-item>span:last-child{flex-direction:column;min-width:0;display:flex}.achievement-item strong{font-size:11px}.achievement-item small{color:#8d857b;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.history-row{border-top:1px solid #ece5da;align-items:center;gap:9px;padding:11px 0;display:flex}.history-row:nth-of-type(2){margin-top:12px}.small-avatar{flex-basis:30px;width:30px;height:30px;font-size:10px}.history-row>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.history-row strong{font-size:11px}.history-row small{color:#8b8378;font-size:10px}.history-time{color:#9a9287;white-space:nowrap;margin-left:auto;font-size:10px}.login-view{grid-template-columns:minmax(0,1fr) minmax(360px,460px);align-items:center;gap:clamp(50px,9vw,140px);width:min(100%,1100px);min-height:100vh;margin:0 auto;padding:40px clamp(22px,5vw,72px);display:grid}.login-copy{max-width:520px}.login-copy h1{letter-spacing:-.055em;max-width:500px;margin:4px 0 16px;font-size:clamp(34px,4.5vw,57px);line-height:1.08}.login-copy>p:not(.eyebrow){color:#6f6961;max-width:380px;margin:0;font-size:13px;line-height:1.8}.login-note{border-top:1px solid var(--line);align-items:center;gap:11px;max-width:370px;margin-top:36px;padding-top:18px;display:flex}.note-icon{width:36px;height:36px;color:var(--teal);background:var(--teal-pale);border-radius:6px;flex:0 0 36px;place-items:center;display:grid}.note-icon svg{width:19px;height:19px}.login-note>span:last-child{flex-direction:column;display:flex}.login-note strong{font-size:10px}.login-note small{color:#8d857b;font-size:9px}.login-form{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;padding:30px;box-shadow:0 24px 60px #17191b21}.login-form-head{align-items:center;gap:13px;margin-bottom:24px;display:flex}.login-form-head h2{margin:0;font-size:20px}.login-form-head p{color:#8a837a;margin:2px 0 0;font-size:10px}.form-field{color:#5d5851;gap:7px;margin-top:15px;font-size:10px;font-weight:700;display:grid}.input-shell{color:#8b8379;background:#fbf8f2;border:1px solid #d9d0c3;border-radius:6px;align-items:center;gap:9px;height:43px;padding:0 12px;display:flex}.input-shell:focus-within{color:var(--ink);border-color:#b89665;box-shadow:0 0 0 3px #c5903f1c}.input-shell>svg{flex:0 0 17px;width:17px;height:17px}.input-shell input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.reveal-password{color:#948c81;cursor:pointer;background:0 0;border:0;flex:0 0 26px;place-items:center;width:26px;height:26px;padding:0;display:grid}.reveal-password svg{width:17px}.form-options{justify-content:space-between;align-items:center;margin:14px 0 19px;font-size:9px;display:flex}.check-label{color:#756e65;align-items:center;gap:6px;display:flex}.check-label input{width:13px;height:13px;accent-color:var(--ink);margin:0}.form-options button{color:var(--gold-deep);cursor:pointer;background:0 0;border:0;padding:0;font-size:9px}.login-divider{color:#aaa197;align-items:center;gap:10px;margin:15px 0;font-size:9px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#e5ded2;flex:1;height:1px}.login-form .ghost-button{color:#514d47;background:0 0;border-color:#d0c7ba}.login-form .ghost-button:hover{background:#f4eee5}.terms-copy{color:#a0978d;text-align:center;margin:15px 0 0;font-size:8px}.storage-overview{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.storage-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:12px;padding:17px;display:flex}.storage-card.primary{background:linear-gradient(135deg, #c5903f14, transparent 50%), var(--surface)}.storage-icon{color:#9b6a27;background:var(--gold-pale);border-radius:6px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.storage-icon.teal{color:#2f6f6b;background:var(--teal-pale)}.storage-icon.rust{color:#92472f;background:var(--rust-pale)}.storage-icon svg{width:19px;height:19px}.storage-card>span:nth-child(2){flex-direction:column;display:flex}.storage-card small{color:#8b8378;font-size:10px}.storage-card strong{font-size:21px;line-height:1.2}.storage-card em{color:#786f64;font-size:9px;font-style:normal;font-weight:500}.storage-status{color:var(--teal);white-space:nowrap;align-items:center;gap:5px;margin-left:auto;font-size:9px;display:flex}.storage-status i,.sync-badge i,.local-badge i,.device-status i{background:currentColor;border-radius:50%;width:5px;height:5px}.storage-status.neutral{color:#958c80}.save-tabs{border-bottom:1px solid #cec4b6;gap:22px;display:flex}.save-tab{color:#7d766d;cursor:pointer;background:0 0;border:0;padding:0 1px 11px;font-size:11px;font-weight:700;position:relative}.save-tab.is-active{color:var(--ink)}.save-tab.is-active:after{content:"";background:var(--ink);height:2px;position:absolute;bottom:-1px;left:0;right:0}.save-tab-panel{padding-top:17px;animation:.22s both view-in}.save-list-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:10px;display:flex}.save-list-head p{color:#847c72;margin:0;font-size:10px}.save-search{color:#8e867b;background:var(--surface);border:1px solid var(--line);border-radius:5px;align-items:center;gap:7px;width:210px;height:31px;padding:0 9px;display:flex}.save-search svg{width:14px;height:14px}.save-search input{background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0;font-size:9px}.save-list{gap:10px;display:grid}.save-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:142px minmax(0,1fr) 148px;align-items:center;gap:19px;padding:14px;transition:all .16s;display:grid}.save-item:hover{border-color:#c5b9a9;box-shadow:0 8px 24px #17191b0f}.save-thumb{aspect-ratio:16/9;background:#1b1c1d;border-radius:5px;width:142px;position:relative;overflow:hidden}.save-thumb img{object-fit:cover;width:100%;height:100%}.save-thumb:after{content:"";background:linear-gradient(#0000,#0f1112d9);position:absolute;inset:50% 0 0}.save-thumb span{z-index:1;color:#f8f0e1;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700;position:absolute;bottom:6px;left:8px;right:8px;overflow:hidden}.double-thumb img{object-position:center 72%;filter:brightness(.82)sepia(.16)}.save-main{min-width:0}.save-title-line{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.save-title-line>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.save-title-line h2{margin:0;font-size:15px}.sync-badge,.local-badge{color:var(--teal);align-items:center;gap:4px;font-size:9px;display:inline-flex}.local-badge{color:#a17339}.save-percent{color:var(--gold-deep);font-size:13px;font-weight:800}.save-current{color:#7e776d;margin:3px 0 10px;font-size:11px}.save-details{flex-wrap:wrap;gap:clamp(16px,3vw,38px);margin-bottom:10px;display:flex}.save-details span{flex-direction:column;display:flex}.save-details small{color:#9a9287;font-size:9px}.save-details strong{font-size:10px;font-weight:600}.full-progress{background:#e8e0d4;border-radius:3px;height:5px;overflow:hidden}.full-progress span{background:var(--rust);border-radius:inherit;height:100%;display:block}.full-progress.teal span{background:var(--teal)}.full-progress.gold span{background:var(--gold)}.save-actions{gap:7px;display:grid}.save-actions .primary-button,.save-actions .quiet-button{min-height:34px;font-size:11px}.sync-layout{grid-template-columns:1.15fr .85fr;gap:14px;display:grid}.device-row{border-top:1px solid #ece5da;align-items:center;gap:10px;padding:14px 0;display:flex}.device-row:nth-of-type(2){margin-top:13px}.device-icon{color:#635c53;background:#eee8de;border-radius:6px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.device-icon svg{width:18px;height:18px}.device-row>span:nth-child(2){flex-direction:column;display:flex}.device-row strong{font-size:10px}.device-row small{color:#8e867c;font-size:9px}.device-status{color:var(--teal);align-items:center;gap:5px;margin-left:auto;font-size:9px;display:flex}.device-status.muted{color:#948c82}.space-value{color:var(--gold-deep);font-size:20px}.space-bar{background:#e7dfd4;border-radius:5px;height:8px;margin-top:27px;overflow:hidden}.space-bar span{background:linear-gradient(90deg, var(--rust) 0 48%, var(--teal) 48% 84%, var(--gold) 84%);border-radius:inherit;height:100%;display:block}.space-labels{color:#8f877c;justify-content:space-between;margin-top:6px;font-size:8px;display:flex}.space-breakdown{gap:8px;margin-top:24px;display:grid}.space-breakdown>div{align-items:center;gap:7px;display:flex}.legend-dot{border-radius:2px;width:7px;height:7px}.legend-dot.rust{background:var(--rust)}.legend-dot.teal{background:var(--teal)}.legend-dot.gold{background:var(--gold)}.space-breakdown small{color:#847d73;font-size:9px}.space-breakdown strong{margin-left:auto;font-size:9px}.sync-log{margin-top:14px}.sync-log-row{border-top:1px solid #ece5da;align-items:center;gap:10px;padding:12px 0;display:flex}.sync-log-row:first-of-type{margin-top:13px}.log-icon{width:28px;height:28px;color:var(--teal);background:var(--teal-pale);border-radius:50%;flex:0 0 28px;place-items:center;display:grid}.log-icon svg{stroke-width:2.2px;width:14px;height:14px}.sync-log-row>span:nth-child(2){flex-direction:column;display:flex}.sync-log-row strong{font-size:9px}.sync-log-row small{color:#958c81;font-size:8px}.sync-size{color:#8e867c;margin-left:auto;font-size:8px}.room-heading{margin-bottom:18px}.room-live-badge{color:var(--teal);align-items:center;gap:6px;font-size:9px;font-weight:700;display:flex}.room-live-badge i{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #397e791a}.room-steps{align-items:center;max-width:880px;margin:0 0 24px;display:flex}.room-step{color:#91897e;align-items:center;gap:9px;display:flex}.room-step>span{color:#898176;background:#e8e1d7;border:1px solid #d8cfc2;border-radius:50%;flex:0 0 27px;place-items:center;width:27px;height:27px;font-size:9px;font-weight:800;display:grid}.room-step div{flex-direction:column;display:flex}.room-step strong{color:#5f5a53;font-size:10px}.room-step small{font-size:9px}.room-step.is-complete>span,.room-step.is-active>span{color:#fff8ea;background:var(--ink);border-color:var(--ink)}.room-step.is-active strong{color:var(--ink)}.step-line{background:#cfc5b6;width:min(9vw,95px);height:1px;margin:0 12px}.room-game-picker{border:1px solid var(--line);border-radius:var(--radius);background:#fffdf8b8;margin-bottom:15px;padding:18px}.picker-note{color:#91897e;font-size:9px}.room-game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px;display:grid}.room-game-card{text-align:left;background:var(--surface);cursor:pointer;border:1px solid #dad1c4;border-radius:7px;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0;padding:8px;transition:all .15s;display:grid;position:relative}.room-game-card:hover:not(:disabled){border-color:#b4a794;transform:translateY(-1px)}.room-game-card.is-selected{border-color:var(--gold);box-shadow:0 0 0 3px #c5903f1a}.room-game-cover{aspect-ratio:16/9;border-radius:4px;width:92px;display:block;position:relative;overflow:hidden}.room-game-cover img{object-fit:cover;width:100%;height:100%}.room-game-copy{flex-direction:column;min-width:0;display:flex}.room-game-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.room-game-copy small{color:#8b8378;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;overflow:hidden}.player-tag{color:#6a645b;white-space:nowrap;background:#f0eae1;border-radius:3px;align-items:center;gap:3px;padding:3px 5px;font-size:9px;display:flex}.player-tag svg{width:10px;height:10px}.selected-check{color:#20170c;background:#e2b66c;border:1px solid #ffffff80;border-radius:50%;place-items:center;width:18px;height:18px;display:none;position:absolute;top:5px;right:5px}.selected-check svg{stroke-width:2.4px;width:11px;height:11px}.room-game-card.is-selected .selected-check{display:grid}.room-game-card.is-locked{cursor:not-allowed;background:#ebe5dcb3;border-style:dashed}.room-game-card.is-locked .room-game-cover img{filter:grayscale(.7);opacity:.68}.room-game-card.is-locked .room-game-copy{opacity:.7}.lock-mark{color:#e8e0d4;background:#17191bc2;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.lock-mark svg{width:12px;height:12px}.locked-tag{color:#9a6555;background:var(--rust-pale)}.room-layout{grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:15px;display:grid}.room-board{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;overflow:hidden}.room-board-head{color:#eee7da;background:var(--ink);justify-content:space-between;align-items:center;gap:15px;padding:15px 18px;display:flex}.room-code-label{color:#8f918d;font-size:9px}.room-code-line{align-items:center;gap:7px;display:flex}.room-code-line strong{color:#faf0db;letter-spacing:.08em;font-size:16px}.copy-small{color:#9a9b97;cursor:pointer;background:#ffffff0f;border:0;border-radius:4px;place-items:center;width:23px;height:23px;padding:0;display:grid}.copy-small:hover{color:#f4e7cf;background:#ffffff1f}.copy-small svg{width:13px;height:13px}.waiting-badge{color:#e0bb7b;background:#c5903f1a;border:1px solid #d1aa6b3d;border-radius:4px;align-items:center;gap:6px;padding:5px 8px;font-size:9px;display:flex}.waiting-badge i{background:currentColor;border-radius:50%;width:5px;height:5px;animation:1.8s infinite pulse}@keyframes pulse{50%{opacity:.35}}.room-title-block{border-bottom:1px solid #e8e0d4;align-items:center;gap:12px;padding:17px 18px;display:flex}.room-game-mini{aspect-ratio:16/9;border-radius:4px;flex:0 0 64px;width:64px;overflow:hidden}.room-game-mini img{object-fit:cover;width:100%;height:100%}.room-title-block h2{margin:0;font-size:17px}.room-title-block p{color:#877f74;margin:2px 0 0;font-size:10px}.seat-count{color:#8b8378;margin-left:auto;font-size:10px}.seat-count strong{color:var(--ink);font-size:18px}.seat-zone{padding:17px 18px 11px}.seat-zone-head{justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:13px;display:flex}.seat-zone-head h3{margin:0;font-size:13px}.seat-zone-head>span{color:#8f877c;align-items:center;gap:5px;font-size:8px;display:flex}.host-dot,.empty-dot{background:var(--gold);border-radius:50%;width:6px;height:6px}.empty-dot{background:#cfc6b9;border:1px dashed #9d9386;margin-left:8px}.seats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.seat{background:#f7f2e9;border:1px solid #ddd4c7;border-radius:6px;align-items:center;gap:11px;min-height:74px;padding:12px;display:flex;position:relative}.seat.occupied{background:#f2e7d2;border-color:#cfb889}.seat-avatar{color:#2d2115;background:linear-gradient(145deg,#e7c580,#ba8441);border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:15px;font-weight:800;display:grid}.seat.empty .seat-avatar{color:#91877b;background:0 0;border:1px dashed #afa395;font-size:19px;font-weight:400}.seat-copy{flex-direction:column;min-width:0;display:flex}.seat-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.seat-copy small{color:#91887c;font-size:9px}.seat-role{color:#91621f;background:var(--gold-pale);border-radius:3px;padding:2px 5px;font-size:7px;position:absolute;top:8px;right:8px}.seat-role.empty-role{color:#817a71;background:#e6dfd5}.room-footer{justify-content:space-between;align-items:center;gap:15px;padding:10px 18px 15px;display:flex}.room-footer .quiet-button{min-height:30px;font-size:10px}.room-tip{color:#9a9186;font-size:9px}.invite-panel{color:#f3ecdf;border-radius:var(--radius);background:radial-gradient(circle at 100% 0,#c5903f30,#0000 50%),#202326;border:1px solid #393c3e;align-self:start;padding:24px;box-shadow:0 18px 42px #17191b24}.invite-icon{color:#e3ba78;background:#c5903f1f;border:1px solid #c5903f3d;border-radius:7px;place-items:center;width:39px;height:39px;margin-bottom:17px;display:grid}.invite-icon svg{width:20px;height:20px}.invite-panel .eyebrow{color:#a98e69}.invite-panel h2{color:#fff7e8;margin:0;font-size:20px}.invite-panel>p:not(.eyebrow){color:#969793;margin:7px 0 17px;font-size:11px;line-height:1.7}.invite-link{background:#ffffff0e;border:1px solid #ffffff1f;border-radius:5px;grid-template-columns:minmax(0,1fr) 30px;gap:0;padding:7px 7px 7px 10px;display:grid}.invite-link>span{color:#8d908e;grid-column:1/-1;font-size:8px}.invite-link input{color:#d8d3c8;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:3px 0 0;font-size:9px}.invite-link button{color:#e1bc80;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:30px;height:30px;padding:0;display:grid}.invite-link button:hover{background:#ffffff14}.invite-link button svg{width:16px;height:16px}.invite-panel .primary-button{color:#281c0d;background:#dfb56e;border-color:#dfb56e;margin-top:10px}.invite-panel .primary-button:hover{background:#eac583}.invite-leave-button{color:#b8b8b2;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:5px;width:100%;min-height:34px;margin-top:7px;font-size:10px}.invite-leave-button:hover{color:#f1e8d8;background:#ffffff0f}.invite-divider{background:#ffffff1a;height:1px;margin:18px 0}.invite-expiry{grid-template-columns:1.3fr 1fr;gap:15px;display:grid}.invite-expiry span{flex-direction:column;display:flex}.invite-expiry small{color:#818480;font-size:9px}.invite-expiry strong{color:#d7d2c7;margin-top:2px;font-size:10px}.invite-notice{color:#8d908d;background:#ffffff09;border-radius:5px;align-items:flex-start;gap:7px;margin-top:18px;padding:9px;font-size:9px;line-height:1.6;display:flex}.invite-notice svg{color:#b99b6d;flex:0 0 13px;width:13px;height:13px;margin-top:1px}.mobile-nav{display:none}.toast{z-index:100;color:#f3ebdf;opacity:0;pointer-events:none;background:#222527;border:1px solid #454749;border-radius:6px;align-items:center;gap:8px;max-width:min(360px,100vw - 32px);padding:10px 14px;font-size:10px;transition:all .18s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(10px);box-shadow:0 16px 36px #00000038}.toast.is-visible{opacity:1;transform:translateY(0)}.toast svg{color:#d8b274;stroke-width:2.2px;flex:0 0 15px;width:15px;height:15px}@media (max-width:1180px){:root{--sidebar-width:198px}.hall-top{grid-template-columns:minmax(0,1.5fr) minmax(250px,.72fr)}.featured-content{width:67%}.featured-content h2{font-size:34px}.catalog-head{flex-wrap:wrap}.catalog-title-row{margin-right:0}.category-tabs{order:3;width:100%}.sort-select{margin-left:auto}.room-game-card{grid-template-columns:74px minmax(0,1fr)}.room-game-cover{width:74px}.player-tag{display:none}.save-item{grid-template-columns:120px minmax(0,1fr) 140px}.save-thumb{width:120px}}@media (max-width:980px){:root{--sidebar-width:78px}.sidebar{align-items:center;padding-inline:9px}.brand{justify-content:center;padding:0}.brand-copy,.nav-context,.nav-item span,.account-copy,.account-card>svg{display:none}.side-nav{width:100%;margin-top:28px}.nav-context-second+.side-nav{margin-top:12px}.nav-item{justify-content:center;padding:0}.nav-item.is-active:before{top:8px;bottom:8px}.sidebar-account{width:100%}.account-card{justify-content:center;padding:8px 0}.hall-top{grid-template-columns:minmax(0,1fr)}.hall-aside{grid-template-columns:minmax(200px,1fr) minmax(260px,1.15fr) minmax(180px,.8fr);align-items:start;gap:22px;display:grid}.hall-aside .continue-card{margin-top:0}.hall-aside .aside-divider{display:none}.hall-aside .aside-head.small{grid-area:1/3;align-self:end}.friend-room-list{grid-area:1/3;margin-top:54px}.profile-hero,.profile-layout{grid-template-columns:minmax(0,1fr)}.profile-side{grid-template-columns:1fr 1fr}.login-view{grid-template-columns:minmax(0,1fr) minmax(340px,420px);gap:50px}.storage-overview{grid-template-columns:1fr 1fr}.storage-card:last-child{grid-column:1/-1}.save-item{grid-template-columns:110px minmax(0,1fr)}.save-thumb{width:110px}.save-actions{grid-column:2;grid-template-columns:1fr 1fr}.sync-layout{grid-template-columns:1fr}.room-game-grid{grid-template-columns:1fr 1fr}.room-game-card.is-locked{grid-column:1/-1}.room-game-card.is-locked .room-game-cover{width:160px}.room-layout{grid-template-columns:minmax(0,1fr)}.invite-panel{grid-template-columns:auto minmax(0,1fr);column-gap:17px;display:grid}.invite-icon{grid-row:1/4;margin-bottom:0}.invite-panel>p:not(.eyebrow){grid-column:2}.invite-link,.invite-panel>.primary-button,.invite-divider,.invite-expiry,.invite-notice{grid-column:1/-1}}@media (max-width:760px){:root{--topbar-height:64px}body{padding-bottom:72px}.app-shell{display:block}.sidebar{display:none}.topbar{gap:12px;padding:0 14px}.mobile-brand{flex:0 0 34px;display:block}.mobile-brand .brand-mark{width:34px;height:34px}.search-box{flex:1;width:auto;height:38px}.search-key,.top-user-copy,.top-user>svg,.icon-button{display:none}.top-user{flex:0 0 34px;padding:0}.workspace{padding:22px 14px 36px}.page-heading{align-items:flex-start;margin-bottom:18px}.page-heading h1{font-size:27px}.heading-actions .quiet-button{display:none}.primary-button.compact{min-height:34px;padding:0 10px}.featured-game{flex-direction:column;min-height:0;display:flex}.featured-art{order:2;width:100%;height:185px;margin-top:7px;position:relative;top:auto;bottom:auto;right:auto}.featured-art:after{background:linear-gradient(#0000 55%,#171a1c14),linear-gradient(#171a1c,#0000 28%),linear-gradient(90deg,#171a1c29,#0000)}.featured-map{object-fit:cover;object-position:center 72%}.featured-logo{width:68%;max-height:80%;top:57%;right:50%;transform:translate(50%,-50%)rotate(-2deg)}.featured-content{order:1;width:100%;padding:26px 20px 20px}.featured-content h2{margin-top:14px;font-size:34px}.featured-content>p{max-width:90%}.featured-actions{margin-top:18px}.featured-meta{gap:12px;margin-top:18px}.hall-aside{padding:17px;display:block}.hall-aside .continue-card{margin-top:14px}.hall-aside .aside-divider{display:block}.hall-aside .aside-head.small{display:flex}.friend-room-list{margin-top:9px}.game-catalog{margin-top:26px}.catalog-head{gap:10px}.catalog-title-row h2{font-size:17px}.category-tabs{flex-wrap:wrap}.sort-select span{display:none}.game-grid{grid-template-columns:1fr;gap:13px}.game-cover{aspect-ratio:16/8.6}.game-card-body{padding:13px 14px 14px}.profile-hero{gap:22px;padding:20px}.profile-identity{align-items:flex-start}.avatar-xl{flex-basis:66px;width:66px;height:66px;font-size:24px}.profile-name-line h2{font-size:21px}.profile-stats{width:100%}.profile-stats>div{padding:10px 12px}.profile-stats strong{font-size:18px}.profile-layout{gap:13px;margin-top:13px}.surface{padding:17px}.recent-row{grid-template-columns:76px minmax(0,1fr) 20px;gap:10px}.recent-row>img{width:76px}.recent-time{display:none}.recent-title{display:block}.recent-title small{margin-top:1px;display:block}.profile-side{grid-template-columns:1fr;gap:13px}.login-view{min-height:auto;display:block}.login-copy{margin-bottom:24px}.login-copy h1{max-width:340px;font-size:34px}.login-note{margin-top:20px}.login-form{padding:22px 18px}.storage-overview{grid-template-columns:1fr;gap:9px}.storage-card:last-child{grid-column:auto}.storage-card{padding:13px}.save-list-head{align-items:flex-start}.save-search{width:150px}.save-item{grid-template-columns:1fr;gap:11px;padding:12px}.save-thumb{aspect-ratio:16/7.8;width:100%}.save-actions{grid-column:auto}.save-details{gap:18px}.sync-layout{gap:10px}.room-live-badge{display:none}.room-steps{margin-bottom:18px}.room-step div{display:none}.step-line{flex:1;width:auto;margin:0 8px}.room-game-picker{padding:14px}.picker-note{display:none}.room-game-grid{grid-template-columns:1fr}.room-game-card{grid-template-columns:92px minmax(0,1fr) auto}.room-game-cover{width:92px}.room-game-card.is-locked{grid-column:auto}.room-game-card.is-locked .room-game-cover{width:92px}.player-tag{display:flex}.room-title-block,.seat-zone,.room-board-head{padding-left:14px;padding-right:14px}.seat-zone-head>span{display:none}.seats-grid{grid-template-columns:1fr}.room-footer{padding-left:14px;padding-right:14px}.room-tip{display:none}.invite-panel{padding:20px;display:block}.invite-icon{margin-bottom:14px}.mobile-nav{z-index:40;height:64px;padding:6px 5px max(6px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#17191bf7;border-top:1px solid #ffffff1a;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:#858782;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:8px;display:flex}.mobile-nav svg{width:19px;height:19px}.mobile-nav a.is-active{color:#e2b76f}.toast{justify-content:center;bottom:76px;left:16px;right:16px}}@media (max-width:420px){.featured-actions{grid-template-columns:1fr;display:grid}.featured-actions .primary-button,.featured-actions .ghost-button{width:100%}.featured-content>p{max-width:100%}.profile-identity{display:block}.profile-identity>.avatar{margin-bottom:13px}.save-list-head{display:block}.save-search{width:100%;margin-top:9px}.save-actions{grid-template-columns:1fr}.room-game-card{grid-template-columns:70px minmax(0,1fr)}.room-game-cover,.room-game-card.is-locked .room-game-cover{width:70px}.player-tag{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sidebar-profile-link{min-width:0;color:inherit;flex:1;align-items:center;gap:10px;display:flex}.account-card{cursor:default;justify-content:flex-start}.sidebar-logout{color:#8d8f8b;cursor:pointer;background:0 0;border:0;border-radius:5px;flex:0 0 30px;place-items:center;width:30px;height:30px;margin-left:auto;padding:0;display:grid}.sidebar-logout:hover{color:#f1e7d4;background:#ffffff0f}.featured-vertical-word{z-index:2;color:#f4e7cf;letter-spacing:.07em;text-align:right;text-shadow:0 5px 18px #0000009e;max-width:86%;font-size:clamp(32px,4.5vw,60px);font-weight:900;line-height:1;position:absolute;top:50%;right:6%;transform:translateY(-50%)rotate(-3deg)}.inline-alert{color:#7f3f2d;background:#f4dfd6;border:1px solid #e1b9aa;border-radius:6px;margin-bottom:14px;padding:10px 13px;font-size:11px}.inline-alert.success{color:#25645f;background:#e2f0ed;border-color:#b9d8d3}.primary-button:disabled,.ghost-button:disabled,.card-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.aside-empty{color:#8c8478;text-align:center;background:#f1ebe1;border:1px dashed #d2c8b9;border-radius:6px;flex-direction:column;align-items:center;gap:7px;margin-top:15px;padding:25px 14px;font-size:10px;display:flex}.aside-empty a{color:var(--gold-deep);font-weight:700}.loading-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.skeleton-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(100deg,#e8e1d7 20%,#f5f0e8 40%,#e8e1d7 60%) 0 0/240% 100%;min-height:300px;animation:1.4s infinite skeleton}@keyframes skeleton{to{background-position-x:-240%}}.page-loading,.play-loading,.admin-loading{color:#817a70;place-items:center;min-height:55vh;font-size:12px;display:grid}.auth-gate{min-height:calc(100vh - var(--topbar-height) - 100px);text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:600px;margin:0 auto;display:flex}.auth-gate-icon{width:64px;height:64px;color:var(--gold-deep);background:var(--gold-pale);border:1px solid #dfc79b;border-radius:50%;place-items:center;margin-bottom:18px;display:grid}.auth-gate h1{letter-spacing:-.04em;margin:0;font-size:clamp(28px,4vw,42px)}.auth-gate>p:not(.eyebrow){max-width:420px;color:var(--ink-muted);margin:11px 0 23px;font-size:12px;line-height:1.75}.login-feature-list{gap:10px;margin-top:25px;display:grid}.login-feature-list span{color:#69635b;align-items:center;gap:9px;font-size:11px;display:flex}.login-feature-list svg{color:var(--gold-deep)}.form-error{color:#8f3e31;background:#f6e1da;border:1px solid #e5bbb0;border-radius:5px;margin-bottom:13px;padding:9px 11px;font-size:10px}.form-field>input,.form-field>select,.form-field>textarea{width:100%;min-height:40px;color:var(--ink);resize:vertical;background:#fbf8f2;border:1px solid #d9d0c3;border-radius:6px;outline:0;padding:9px 11px;font-size:11px}.form-field>input:focus,.form-field>select:focus,.form-field>textarea:focus{border-color:#b89665;box-shadow:0 0 0 3px #c5903f1c}.account-detail-row{border-top:1px solid #ece5da;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:10px;display:flex}.account-detail-row:first-of-type{margin-top:14px}.account-detail-row span{color:#8c8479}.account-detail-row .positive{color:var(--teal)}.mono{font-family:Consolas,SFMono-Regular,monospace;font-size:9px}.quick-action-row{border-top:1px solid #ece5da;align-items:center;gap:10px;padding:12px 0;display:flex}.quick-action-row:nth-of-type(2){margin-top:13px}.quick-action-row>svg:first-child{color:var(--gold-deep)}.quick-action-row>span{flex-direction:column;flex:1;display:flex}.quick-action-row strong{font-size:10px}.quick-action-row small{color:#91887d;font-size:9px}.surface-empty{color:#8d857a;text-align:center;padding:35px 18px;font-size:10px}.save-backend-tag{color:#827a70;align-items:center;gap:6px;font-size:9px;display:inline-flex}.save-backend-tag i{background:var(--teal);border-radius:50%;width:6px;height:6px}.text-danger-button{color:#a2523d;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:5px;min-height:25px;padding:0;font-size:9px;display:inline-flex}.text-danger-button:hover{color:#7f3325}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1214159e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid #cbc1b3;border-radius:8px;width:min(540px,100%);max-height:calc(100vh - 40px);padding:23px;overflow:auto;box-shadow:0 28px 70px #0000004d}.modal-head{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:17px;display:flex}.modal-head h2{margin:0;font-size:20px}.modal-head>.icon-button{font-size:20px}.form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-grid.three{grid-template-columns:1.5fr .7fr .7fr}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.room-create-bar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.room-create-bar>div{align-items:center;gap:11px;display:flex}.room-create-bar>div>svg{color:var(--gold-deep)}.room-create-bar span{flex-direction:column;display:flex}.room-create-bar strong{font-size:12px}.room-create-bar small{color:#8c8479;font-size:9px}.play-shell{color:#eee8dc;background:#101213;min-height:100vh}.play-topbar{background:#171a1c;border-bottom:1px solid #333638;justify-content:space-between;align-items:center;gap:18px;height:64px;padding:0 20px;display:flex}.play-brand{align-items:center;gap:10px;display:flex}.play-brand>span:last-child{flex-direction:column;display:flex}.play-brand strong{color:#f6edde;font-size:12px}.play-brand small{color:#888c88;font-size:8px}.play-actions{gap:7px;display:flex}.tool-button{color:#bcbdb8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:5px;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:10px;display:inline-flex}.play-actions .quiet-button{color:#c8c6bf;border-color:#ffffff26;min-height:34px;font-size:10px}.play-stage{background:radial-gradient(circle at 50% 40%,#c5903f14,#0000 40%),#101213;place-items:center;height:calc(100vh - 100px);padding:14px;display:grid;position:relative;overflow:hidden}.native-game-frame{background:#963;border:1px solid #4b4c4b;border-radius:3px;position:relative;overflow:hidden;box-shadow:0 20px 55px #0000006b}.native-game-player{transform-origin:0 0;background:#963;border:0;width:550px;height:400px;display:block}.game-boot-overlay{color:#d9d4ca;background:radial-gradient(circle at 50% 46%,#c5903f24,#0000 35%),#171a1c;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.game-boot-mark{color:#e2b76f;background:#c5903f1f;border:1px solid #c5903f3d;border-radius:8px;place-items:center;width:46px;height:46px;margin-bottom:12px;display:grid}.game-boot-overlay strong{color:#f6edde;font-size:12px}.game-boot-overlay small{color:#858985;margin-top:4px;font-size:8px}.game-boot-overlay i{background:#313436;border-radius:2px;width:130px;height:3px;margin-top:15px;overflow:hidden}.game-boot-overlay i:after{content:"";border-radius:inherit;background:#d8ad68;width:45%;height:100%;animation:1.2s ease-in-out infinite alternate boot-progress;display:block}@keyframes boot-progress{0%{transform:translate(-10%)}to{transform:translate(135%)}}.play-controls{color:#717572;background:#151719;border-top:1px solid #2d3032;justify-content:center;align-items:center;gap:clamp(18px,4vw,55px);height:36px;padding:0 16px;font-size:8px;display:flex}.play-controls b{color:#b9a37f}.play-controls kbd{color:#a9a9a3;background:#232628;border:1px solid #3b3e40;border-radius:3px;padding:1px 4px;font-size:7px}.play-placeholder{color:#aaa9a2;text-align:center;max-width:560px}.play-placeholder h1{color:#f4ebdb;font-size:28px}.play-placeholder p{color:#858985;font-size:12px;line-height:1.7}.play-placeholder a:not(.primary-button){color:#ddb673}.admin-root{background:#f1ece3;min-height:100vh}.admin-shell{grid-template-columns:232px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{color:#c8c7c1;background:#17191b;flex-direction:column;height:100vh;padding:22px 15px 16px;display:flex;position:sticky;top:0}.admin-brand{align-items:center;gap:11px;padding:0 7px;display:flex}.admin-brand>span:last-child{flex-direction:column;display:flex}.admin-brand strong{color:#f5edde;font-size:14px}.admin-brand small{color:#787b77;letter-spacing:.14em;font-size:8px}.admin-sidebar nav{gap:4px;margin-top:32px;display:grid}.admin-sidebar nav button{color:#a9aaa5;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:11px;min-height:42px;padding:0 12px;font-size:11px;display:flex}.admin-sidebar nav button:hover{background:#ffffff0d}.admin-sidebar nav button.is-active{color:#f3ddba;background:#c5903f21;border-color:#c5903f2e}.admin-sidebar nav svg{width:18px}.admin-account{border-top:1px solid #ffffff14;align-items:center;gap:9px;margin-top:auto;padding:12px 6px 0;display:flex}.admin-account>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.admin-account strong{color:#e6e1d8;font-size:10px}.admin-account small{color:#777a77;font-size:8px}.admin-account>button{color:#8b8e8a;cursor:pointer;background:0 0;border:0;place-items:center;width:28px;height:28px;margin-left:auto;padding:0;display:grid}.admin-main{min-width:0;padding:30px clamp(22px,3vw,44px) 50px}.admin-topbar{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.admin-topbar h1{margin:0;font-size:30px}.admin-top-actions{align-items:center;gap:13px;display:flex}.admin-health{color:var(--teal);align-items:center;gap:6px;font-size:9px;display:flex}.admin-health i{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #397e791a}.admin-kpis{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.admin-kpis>div{background:var(--surface);border:1px solid var(--line);border-radius:8px;min-height:128px;padding:18px;position:relative}.admin-kpi-icon{border-radius:6px;place-items:center;width:34px;height:34px;margin-bottom:14px;display:grid}.admin-kpi-icon.gold{color:#9d6b23;background:var(--gold-pale)}.admin-kpi-icon.teal{color:#2d6b67;background:var(--teal-pale)}.admin-kpi-icon.rust{color:#974b34;background:var(--rust-pale)}.admin-kpi-icon.blue{color:#345f89;background:#dce7f0}.admin-kpi-icon svg{width:18px}.admin-kpis small{color:#8b8379;font-size:9px;display:block}.admin-kpis strong{margin:2px 0;font-size:26px;line-height:1.1;display:block}.admin-kpis em{color:#9c948a;font-size:8px;font-style:normal}.admin-overview-grid{grid-template-columns:1.15fr .85fr;gap:14px;margin-top:14px;display:grid}.admin-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;min-width:0;padding:20px}.admin-panel-head{justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:14px;display:flex}.admin-panel-head h2{margin:0;font-size:16px}.admin-panel-head>button,.admin-panel-head>span{color:var(--gold-deep);cursor:pointer;background:0 0;border:0;padding:0;font-size:9px}.admin-game-status-list,.admin-room-list{display:grid}.admin-game-status-list>div,.admin-room-list>div{border-top:1px solid #ece5da;align-items:center;gap:10px;padding:11px 0;display:flex}.admin-game-status-list img{aspect-ratio:16/9;object-fit:cover;border-radius:4px;width:64px}.admin-game-status-list span,.admin-room-list span{flex-direction:column;min-width:0;display:flex}.admin-game-status-list span:nth-child(2),.admin-room-list span:first-child{flex:1}.admin-game-status-list strong,.admin-room-list strong{font-size:10px}.admin-game-status-list small,.admin-room-list small{color:#91897e;font-size:8px}.admin-status{color:#796e60;background:#ece5da;border-radius:4px;width:fit-content;padding:3px 7px;font-size:8px;display:inline-flex!important}.admin-status.published,.admin-status.active,.admin-status.waiting{color:#276a65;background:var(--teal-pale)}.admin-status.comingsoon{color:#8d652d;background:var(--gold-pale)}.admin-status.playing{color:#345f89;background:#dce7f0}.admin-status.blocked,.admin-status.disabled,.admin-status.expired{color:#934833;background:var(--rust-pale)}.admin-table-panel{padding:0;overflow:hidden}.admin-table-panel .admin-panel-head{padding:19px 20px 0}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:11px}.admin-table th{color:#8d857a;text-align:left;background:#f2ece2;border-top:1px solid #e6ded2;border-bottom:1px solid #ddd4c7;padding:11px 14px;font-size:10px;font-weight:600}.admin-table td{border-bottom:1px solid #eee7dc;padding:13px 14px}.admin-game-cell,.admin-user-cell{align-items:center;gap:10px;display:flex}.admin-game-cell img{aspect-ratio:16/9;object-fit:cover;border-radius:4px;width:70px}.admin-game-cell span{flex-direction:column;display:flex}.admin-game-cell small{color:#948c81;font-size:9px}.admin-user-cell .avatar{flex-basis:28px;width:28px;height:28px;font-size:9px}.admin-edit-button{color:var(--gold-deep);cursor:pointer;background:0 0;border:1px solid #d5c7b2;border-radius:4px;padding:6px 10px;font-size:10px}.admin-delete-button{color:#a14a37;cursor:pointer;background:0 0;border:1px solid #dfb8ad;border-radius:4px;padding:6px 10px;font-size:10px}.admin-delete-button:hover:not(:disabled){color:#7d3022;background:#f5e3de}.admin-delete-button:disabled,.admin-edit-button:disabled{opacity:.4;cursor:not-allowed}.admin-primary-small{color:#f8f0e2;background:var(--ink);border:1px solid var(--ink);cursor:pointer;border-radius:4px;align-items:center;gap:5px;padding:6px 10px;font-size:9px;display:inline-flex}.admin-panel-head>.admin-primary-small{color:#f8f0e2;background:var(--ink);border:1px solid var(--ink);padding:6px 10px;font-size:9px}.admin-row-actions{flex-wrap:wrap;gap:5px;display:flex}.admin-user-editor{width:min(560px,100%)}.user-editor-avatar{background:#f4eee4;border:1px solid #e0d7ca;border-radius:7px;align-items:center;gap:17px;margin-bottom:20px;padding:16px;display:flex}.user-editor-avatar>div{flex-direction:column;display:flex}.user-editor-avatar strong{font-size:11px}.user-editor-avatar small{color:#8e867b;margin-top:2px;font-size:9px}.user-avatar-actions{align-items:center;gap:10px;margin-top:10px;display:flex}.admin-avatar-upload{color:#675a47;cursor:pointer;background:#fffdf8;border:1px solid #d1c6b6;border-radius:4px;padding:6px 10px;font-size:9px;font-weight:700}.admin-avatar-upload input{display:none}.admin-empty{color:#91897e;text-align:center;padding:28px 0;font-size:9px}.admin-game-editor{width:min(650px,100%)}.admin-toggle-row{border-top:1px solid #e8e0d4;flex-wrap:wrap;align-items:center;gap:18px;margin-top:17px;padding-top:15px;font-size:10px;display:flex}.admin-toggle-row label{align-items:center;gap:6px;display:flex}.admin-toggle-row input{accent-color:var(--ink)}.admin-status-select{margin-left:auto}.admin-status-select select{background:#fbf8f2;border:1px solid #d8cec0;border-radius:4px;height:30px;margin-left:5px;padding:0 7px;font-size:9px}.admin-auth{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.admin-auth h1{margin:4px 0;font-size:36px}.admin-auth>p:not(.eyebrow){color:#766f66;max-width:420px;margin:7px 0 22px;font-size:11px}.admin-back-link{color:#897d6d;margin-top:13px;font-size:9px}@media (max-width:1100px){.admin-kpis{grid-template-columns:1fr 1fr}.admin-overview-grid{grid-template-columns:1fr}}@media (max-width:760px){.featured-vertical-word{text-align:center;font-size:34px;top:48%;right:50%;transform:translate(50%,-50%)rotate(-3deg)}.loading-grid,.form-grid,.form-grid.three{grid-template-columns:1fr}.room-create-bar{flex-direction:column;align-items:stretch}.play-topbar{padding:0 10px}.play-actions .tool-button:nth-child(2),.play-actions .quiet-button:first-of-type{display:none}.play-stage{height:calc(100vh - 64px);padding:0}.play-controls{display:none}.admin-shell{display:block}.admin-sidebar{height:auto;padding:12px 14px;display:block;position:static}.admin-brand{display:none}.admin-sidebar nav{margin:0;display:flex;overflow-x:auto}.admin-sidebar nav button{flex:none;min-height:36px;padding:0 10px}.admin-account{display:none}.admin-main{padding:20px 14px 40px}.admin-topbar{align-items:flex-start}.admin-topbar h1{font-size:25px}.admin-health{display:none}.admin-kpis{grid-template-columns:1fr 1fr;gap:8px}.admin-kpis>div{min-height:110px;padding:14px}.admin-panel{padding:15px}.admin-table-panel{padding:0}.admin-toggle-row{flex-direction:column;align-items:flex-start}.admin-status-select{margin-left:0}}