@font-face{font-family:"Sanguo Serif";src:url(../fonts/skin-5173/noto-serif-tc-chinese-traditional-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Sanguo Serif";src:url(../fonts/skin-5173/noto-serif-tc-chinese-traditional-900-normal.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{color:#fff4d9;background:#07080a;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;--page-pad-x: max(clamp(18px, 4vw, 68px), env(safe-area-inset-left));--page-pad-right: max(clamp(18px, 4vw, 68px), env(safe-area-inset-right));--gold: #dcae50;--gold-bright: #ffe7a5;--muted: #b7aa94}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#07080a}body{min-width:320px;min-height:100%;margin:0;overflow-x:hidden;background:radial-gradient(circle at 50% -10%,rgb(115 78 32 / 24%),transparent 36rem),#07080a}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lobby-shell{position:relative;isolation:isolate;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:100svh;padding:max(22px,env(safe-area-inset-top)) var(--page-pad-right) max(16px,env(safe-area-inset-bottom)) var(--page-pad-x);overflow:hidden}.lobby-shell:before,.lobby-shell:after{content:"";position:fixed;z-index:-2;pointer-events:none}.lobby-shell:before{inset:0;background:linear-gradient(90deg,#050709f5,#0507099e 26%,#05070961,#0507099e 74%,#050709f5),linear-gradient(180deg,#04050773,#040507e5),url(./red-cliffs-bg-Y69UUOUx.jpg) center / cover no-repeat;filter:saturate(.55) brightness(.5);transform:scale(1.025)}.lobby-shell:after{inset:0;z-index:-1;background:repeating-linear-gradient(90deg,transparent 0 79px,rgb(255 220 143 / 2%) 80px),radial-gradient(ellipse at center,transparent 14%,rgb(3 4 5 / 42%) 74%,rgb(2 3 4 / 84%) 100%)}.lobby-atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none}.ember{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffca6a;box-shadow:0 0 9px #ff813c;opacity:.7;animation:ember-drift 7s ease-in-out infinite}.ember-one{left:9%;bottom:18%}.ember-two{right:12%;bottom:28%;animation-delay:-2.4s}.ember-three{left:54%;bottom:8%;animation-delay:-4.1s}.lobby-header{width:min(1380px,100%);margin:0 auto;display:flex;align-items:end;justify-content:space-between;gap:28px;padding-bottom:clamp(18px,2.5vh,28px)}.brand-lockup{display:flex;align-items:center;gap:clamp(13px,1.6vw,22px);min-width:0}.brand-seal{position:relative;display:grid;place-items:center;flex:0 0 auto;width:clamp(50px,5vw,68px);aspect-ratio:1;border:1px solid #f6cb70;background:linear-gradient(145deg,#ae331af0,#4f0d0afa);box-shadow:inset 0 0 0 4px #360906ad,inset 0 0 24px #ff9f4638,0 8px 28px #00000073;color:#ffe7a5;font-family:"Sanguo Serif",STKaiti,serif;font-size:clamp(27px,2.6vw,39px);font-weight:900;line-height:1;transform:rotate(-3deg)}.brand-seal:after{content:"";position:absolute;inset:5px;border:1px solid rgb(255 225 157 / 24%)}.brand-kicker{display:flex;align-items:center;gap:9px;margin:0 0 4px;color:#bd9656;font-size:clamp(9px,.8vw,12px);font-weight:600;letter-spacing:.28em}.brand-kicker span{width:26px;height:1px;background:linear-gradient(90deg,transparent,#d1a24e)}.brand-kicker b{font:inherit;letter-spacing:inherit}.game-card[hidden]{display:none}.brand-title-row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px 14px;min-width:0}.brand-lockup h1{margin:0;color:transparent;background:linear-gradient(180deg,#fffbe3,#ffe7a2 35%,#c58a2c 72%,#f7d880);background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:.35px rgb(35 17 3 / 70%);font-family:"Sanguo Serif",Songti SC,STSong,serif;font-size:clamp(32px,4.2vw,62px);font-weight:900;letter-spacing:.1em;line-height:.98;filter:drop-shadow(0 3px 10px rgb(0 0 0 / 75%))}.app-version{margin-bottom:.18em;padding:4px 8px;border:1px solid rgb(220 174 80 / 44%);background:#0507098f;color:#f0c770;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(10px,.78vw,12px);font-weight:700;letter-spacing:.08em;line-height:1;white-space:nowrap}.lobby-intro{flex:0 0 auto;margin:0 0 5px;color:#c5b799;font-family:"Sanguo Serif",serif;font-size:clamp(12px,1.2vw,17px);letter-spacing:.2em;white-space:nowrap}.lobby-intro:before,.lobby-intro:after{content:"◆";margin:0 .75em;color:#a47631;font-size:.55em;vertical-align:.25em}.lobby-main{display:grid;align-items:center;width:min(1380px,100%);margin:0 auto;min-height:0}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,28px);width:100%}.game-card{--accent: #dcae50;--accent-bright: #ffe6a0;--accent-rgb: 220 174 80;position:relative;isolation:isolate;display:grid;align-items:end;min-width:0;min-height:clamp(360px,54vh,560px);overflow:hidden;border:1px solid rgb(var(--accent-rgb) / 44%);border-radius:4px;background:#111317;box-shadow:0 28px 65px #00000061,inset 0 0 0 1px #fff6d30a;text-decoration:none;transition:transform .35s cubic-bezier(.2,.75,.2,1),border-color .35s ease,box-shadow .35s ease}.game-card:before{content:"";position:absolute;inset:0;z-index:-3;background-position:center;background-size:cover;filter:saturate(.86) brightness(.74);transform:scale(1.02);transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s ease}.game-card:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#0507092e,#0507090d 33%,#050709c7 72%,#050709f7),linear-gradient(90deg,rgb(5 7 9 / 55%),transparent 66%)}.game-card-wuxing{--accent: #d9bc65;--accent-bright: #fff0af;--accent-rgb: 217 188 101}.game-card-wuxing:before{background-image:url(./red-cliffs-bg-Y69UUOUx.jpg);background-position:47% center;filter:saturate(.68) sepia(.08) hue-rotate(112deg) brightness(.72)}.game-card-wuxing:after{background:linear-gradient(180deg,rgb(4 20 20 / 8%) 0%,transparent 37%,rgb(5 13 15 / 74%) 70%,rgb(4 9 11 / 97%) 100%),linear-gradient(90deg,rgb(4 12 13 / 62%),transparent 67%),radial-gradient(circle at 86% 15%,rgb(71 181 153 / 19%),transparent 38%)}.game-card-cliffs{--accent: #e7924d;--accent-bright: #ffd08f;--accent-rgb: 231 146 77}.game-card-cliffs:before{background-image:url(./red-cliffs-scene-CvzBiGUH.webp);background-position:center;filter:saturate(1.02) brightness(.68)}.game-card-cliffs:after{background:linear-gradient(180deg,rgb(28 7 4 / 7%) 0%,transparent 33%,rgb(25 8 5 / 72%) 70%,rgb(11 5 4 / 97%) 100%),linear-gradient(90deg,rgb(20 7 5 / 62%),transparent 67%),radial-gradient(circle at 82% 18%,rgb(241 76 31 / 18%),transparent 38%)}.game-card-dianjiang{--accent: #d5a552;--accent-bright: #ffe2a0;--accent-rgb: 213 165 82}.game-card-dianjiang:before{background-image:url(./red-cliffs-bg-Y69UUOUx.jpg);background-position:50% center;filter:saturate(.82) sepia(.1) brightness(.62)}.game-card-dianjiang:after{background:#0805037a;box-shadow:inset 0 -190px 110px #070403eb}.game-card-the-luxe,.game-card-the-luxe-replay,.game-card-the-luxe-new{--accent: #d4b174;--accent-bright: #fff0c6;--accent-rgb: 212 177 116}.game-card-the-luxe:before,.game-card-the-luxe-replay:before{background-image:url(../local-games/covers/the-luxe.png);background-position:center 28%;filter:saturate(.9) brightness(.72)}.game-card-the-luxe-new:before{background-image:url(../local-games/covers/the-luxe-new.png);background-position:center 28%;filter:saturate(.9) brightness(.72)}.game-card-lunar-rabbit{--accent: #ed9bd8;--accent-bright: #ffe0f5;--accent-rgb: 237 155 216}.game-card-lunar-rabbit:before{background-image:url(../local-games/covers/lunar-rabbit.png);background-position:center 28%;filter:saturate(.95) brightness(.7)}.game-card-the-luxe:after,.game-card-the-luxe-replay:after,.game-card-the-luxe-new:after,.game-card-lunar-rabbit:after{background:linear-gradient(180deg,rgb(5 7 9 / 8%) 0%,transparent 36%,rgb(8 7 11 / 76%) 68%,rgb(5 6 8 / 98%) 100%),linear-gradient(90deg,rgb(5 7 9 / 48%),transparent 68%)}.card-index{position:absolute;top:18px;left:18px;z-index:2;padding:6px 11px;border:1px solid rgb(var(--accent-rgb) / 40%);background:#05070994;box-shadow:inset 0 0 15px rgb(var(--accent-rgb) / 8%);color:var(--accent-bright);font-family:"Sanguo Serif",serif;font-size:9px;font-weight:700;letter-spacing:.28em;backdrop-filter:blur(10px)}.card-art{position:absolute;inset:0;z-index:-1;pointer-events:none}.element-token{position:absolute;top:21px;right:22px;width:clamp(42px,4vw,58px);aspect-ratio:1;border-radius:50%;background-position:center;background-size:cover;box-shadow:0 0 24px #5dcdae38;filter:saturate(.85) drop-shadow(0 8px 10px rgb(0 0 0 / 60%));opacity:.76}.token-wood{right:86px;background-image:url(./element-wood-token-DCU_F88M.png)}.token-fire{background-image:url(./element-fire-token-DUQ9wFPr.png)}.token-water{top:73px;right:54px;background-image:url(./element-water-token-iEcGDJUh.png)}.battle-mark{position:absolute;top:20px;right:23px;display:grid;place-items:center;width:clamp(62px,6vw,82px);aspect-ratio:1;border:1px solid rgb(255 203 131 / 68%);background:linear-gradient(145deg,#9b2314e0,#480907eb);box-shadow:inset 0 0 0 4px #2a06047a,0 12px 25px #0000007a;color:#ffe2a0;font-family:"Sanguo Serif",serif;font-size:clamp(18px,1.7vw,25px);font-weight:900;letter-spacing:.08em;transform:rotate(3deg);opacity:.84}.battle-mark:after{content:"";position:absolute;inset:5px;border:1px solid rgb(255 222 164 / 25%)}.card-content{display:grid;justify-items:start;padding:clamp(25px,3.3vw,46px)}.card-eyebrow{margin-bottom:7px;color:var(--accent);font-size:clamp(8px,.68vw,10px);font-weight:700;letter-spacing:.3em}.card-title-row{display:flex;align-items:end;gap:14px;min-width:0}.card-title-row strong{color:#fff8e5;font-family:"Sanguo Serif",Songti SC,serif;font-size:clamp(29px,3.2vw,48px);font-weight:900;letter-spacing:.08em;line-height:1.12;text-shadow:0 4px 14px rgb(0 0 0 / 80%)}.card-title-row small{margin-bottom:.36em;color:var(--accent-bright);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(10px,.85vw,13px);letter-spacing:.08em}.card-copy{max-width:32em;margin-top:9px;color:#d3c9b5;font-size:clamp(11px,.95vw,14px);line-height:1.65;letter-spacing:.06em}.card-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.card-meta i{padding:5px 8px;border:1px solid rgb(var(--accent-rgb) / 25%);background:#0406087a;color:#bfb39d;font-size:9px;font-style:normal;letter-spacing:.1em}.card-action{display:inline-flex;align-items:center;justify-content:space-between;gap:clamp(32px,5vw,76px);min-width:clamp(168px,18vw,236px);min-height:44px;margin-top:19px;padding:10px 15px 10px 17px;border:1px solid rgb(var(--accent-rgb) / 60%);background:linear-gradient(100deg,rgb(var(--accent-rgb) / 20%),#06080a8c);color:var(--accent-bright);font-family:"Sanguo Serif",serif;font-size:12px;font-weight:700;letter-spacing:.16em;transition:background .25s ease,border-color .25s ease}.card-action b{font-family:system-ui,sans-serif;font-size:19px;font-weight:400;line-height:1;transition:transform .25s ease}.game-card:hover,.game-card:focus-visible{border-color:rgb(var(--accent-rgb) / 92%);box-shadow:0 32px 72px #00000085,0 0 0 1px rgb(var(--accent-rgb) / 18%),inset 0 0 45px rgb(var(--accent-rgb) / 7%);transform:translateY(-5px)}.game-card:hover:before,.game-card:focus-visible:before{filter:saturate(1.03) brightness(.82);transform:scale(1.065)}.game-card-wuxing:hover:before,.game-card-wuxing:focus-visible:before{filter:saturate(.78) sepia(.08) hue-rotate(112deg) brightness(.8)}.game-card:hover .card-action,.game-card:focus-visible .card-action{border-color:rgb(var(--accent-rgb) / 92%);background:linear-gradient(100deg,rgb(var(--accent-rgb) / 32%),#06080aa3)}.game-card:hover .card-action b,.game-card:focus-visible .card-action b{transform:translate(4px)}.game-card:focus-visible{outline:3px solid var(--accent-bright);outline-offset:4px}.lobby-footer{display:flex;align-items:center;justify-content:center;gap:9px;width:min(1380px,100%);margin:0 auto;padding-top:clamp(15px,2.4vh,23px);color:#887e6e;font-size:9px;letter-spacing:.13em;text-align:center}.status-dot{width:5px;height:5px;border-radius:50%;background:#b58a42;box-shadow:0 0 8px #dcae5085}@keyframes ember-drift{0%,to{opacity:.18;transform:translate3d(0,10px,0) scale(.8)}45%{opacity:.8;transform:translate3d(12px,-42px,0) scale(1.15)}70%{opacity:.32;transform:translate3d(-5px,-62px,0) scale(.9)}}@media(max-width:900px){.lobby-intro{display:none}.game-card{min-height:clamp(330px,52vh,500px)}}@media(max-width:1180px)and (min-width:721px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-card{min-height:clamp(300px,44vh,430px)}}@media(max-width:720px)and (orientation:portrait){.lobby-shell{display:block;min-height:100svh;overflow:visible;padding-top:max(18px,env(safe-area-inset-top))}.lobby-header{padding-bottom:17px}.brand-seal{width:49px}.brand-kicker{margin-bottom:2px;font-size:8px}.brand-lockup h1{font-size:clamp(31px,10vw,43px)}.game-grid{grid-template-columns:minmax(0,1fr);gap:13px}.game-card{min-height:270px}.game-card:before{background-position:center 35%}.game-card-wuxing:before{background-position:47% 38%}.card-content{padding:22px}.card-title-row strong{font-size:clamp(29px,8.7vw,38px)}.card-copy{margin-top:5px;font-size:11px}.card-meta{margin-top:9px}.card-action{min-width:165px;min-height:40px;margin-top:12px;padding-block:8px}.card-index{top:13px;left:13px}.element-token{top:14px;right:15px;width:39px}.token-wood{right:67px}.token-water{top:57px;right:41px}.battle-mark{top:14px;right:15px;width:56px;font-size:17px}.lobby-footer{padding-top:14px;padding-bottom:2px}}@media(max-height:500px)and (orientation:landscape){.lobby-shell{min-height:100svh;overflow:auto;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}.lobby-header{padding-bottom:9px}.brand-lockup{gap:10px}.brand-seal{width:40px;font-size:23px}.brand-kicker{display:none}.brand-lockup h1{font-size:clamp(27px,4.2vw,37px)}.game-grid{gap:11px}.game-card{min-height:248px}.card-index{top:11px;left:11px;padding:4px 8px}.card-content{padding:18px}.card-title-row strong{font-size:clamp(25px,3.8vw,33px)}.card-copy{margin-top:4px;font-size:10px;line-height:1.45}.card-meta{margin-top:7px}.card-meta i{padding:3px 6px;font-size:10px}.card-action{min-width:145px;min-height:36px;margin-top:9px;padding:6px 11px;font-size:10px}.element-token{top:11px;right:12px;width:34px}.token-wood{right:55px}.token-water{top:47px;right:34px}.battle-mark{top:11px;right:12px;width:48px;font-size:15px}.lobby-footer{padding-top:8px;font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}