@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;600;700&family=Noto+Serif+SC:wght@600;700;900&display=swap");
:root{--bg:#111714;--paper:#f1eee5;--ink:#18201c;--muted:#717c76;--gold:#d7b36b;--gold-deep:#b88a3f;--line:rgba(24,32,28,.12);font-family:"DM Sans","PingFang SC",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper)}button,input,select{font:inherit}button{cursor:pointer}.grain{position:fixed;inset:0;z-index:99;opacity:.035;pointer-events:none;background-image:radial-gradient(#000 1px,transparent 1px);background-size:4px 4px}.site-header{position:sticky;z-index:20;top:0;height:74px;padding:0 max(26px,calc((100vw - 1400px)/2));display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(17,23,20,.96);backdrop-filter:blur(16px);color:#f5efe2}.logo{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.logo-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:9px;background:var(--gold);color:#171a16;font-family:"Noto Serif SC";font-size:18px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}.logo>span:last-child{display:grid;gap:1px}.logo b{font-family:"Noto Serif SC";font-size:16px;letter-spacing:.14em}.logo small{color:#829087;font-size:6px;letter-spacing:.23em}.main-nav{display:flex;gap:5px;margin-left:72px}.nav-link{position:relative;border:0;padding:10px 13px;background:none;color:#86938c;font-size:11px}.nav-link:hover,.nav-link.active{color:#f4eee2}.nav-link.active:after{content:"";position:absolute;left:12px;right:12px;bottom:1px;height:1px;background:var(--gold)}.account-slot{margin-left:auto}.login-button{border:1px solid rgba(215,179,107,.45);border-radius:9px;padding:9px 14px;background:rgba(215,179,107,.08);color:#ead39e;font-size:10px;font-weight:700}.user-pill{display:flex;align-items:center;gap:8px;border:0;background:none;color:#f4eee2}.user-pill>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#32463c;color:var(--gold);font-weight:700}.user-pill b{font-size:10px}.user-pill i{color:#829087;font-style:normal}.hero{min-height:620px;padding:84px max(30px,calc((100vw - 1320px)/2));display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;background:radial-gradient(circle at 78% 55%,#26372f 0,#16211c 35%,#111714 68%);color:#f4eee2;overflow:hidden}.overline{margin:0 0 14px;color:#967d4e;font-size:8px;letter-spacing:.28em;font-weight:700;text-transform:uppercase}.hero .overline{color:#d5b875}.hero .overline span{display:inline-block;width:25px;height:1px;margin-right:9px;vertical-align:middle;background:currentColor}.hero h1{margin:0;font-family:"Noto Serif SC";font-size:clamp(58px,7.5vw,102px);line-height:1.08;letter-spacing:-.07em}.hero h1 em{font-style:normal;color:var(--gold)}.hero-lead{max-width:540px;margin:28px 0;color:#9ca8a1;font-size:14px;line-height:1.85}.hero-actions{display:flex;gap:10px}.primary-cta,.secondary-cta,.soft-action,.danger-action{display:inline-flex;align-items:center;justify-content:center;gap:28px;border-radius:10px;padding:13px 18px;text-decoration:none;font-size:10px;font-weight:700}.primary-cta{border:1px solid var(--gold);background:var(--gold);color:#191a16;box-shadow:0 10px 26px rgba(184,138,63,.18)}.primary-cta span{font-size:16px}.primary-cta:disabled{opacity:.38;cursor:not-allowed}.secondary-cta,.soft-action{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:#e9e5db}.live-line{display:flex;align-items:center;gap:7px;margin-top:28px;color:#819087;font-size:9px}.live-line b{color:#c9d2cc}.live-dot{width:6px;height:6px;border-radius:50%;background:#63c28c;box-shadow:0 0 9px #63c28c}.hero-table{position:relative;aspect-ratio:1/1;max-width:540px;margin:auto;border-radius:50%;background:radial-gradient(circle,#355045 0 34%,#2a4238 35% 52%,#1a2b24 53% 66%,#0e1713 67%);box-shadow:0 50px 90px rgba(0,0,0,.45),inset 0 0 0 1px rgba(215,179,107,.18);transform:perspective(900px)rotateX(11deg)}.hero-table:after{content:"";position:absolute;inset:18%;border:1px solid rgba(215,179,107,.15);border-radius:50%}.table-center{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:100px;height:100px;border-radius:50%;background:#101915;border:1px solid rgba(215,179,107,.28);box-shadow:0 12px 35px rgba(0,0,0,.3)}.table-center span{font-family:"Noto Serif SC";font-size:35px;color:var(--gold)}.table-center small{margin-top:-20px;color:#75847c;font-size:8px}.table-orbit{position:absolute;inset:25%;z-index:3;border:1px solid rgba(255,255,255,.08);border-radius:50%;animation:orbit 30s linear infinite}.table-orbit i{position:absolute;display:grid;place-items:center;width:45px;height:60px;border-radius:6px;background:#eee8da;color:#202b25;font-family:serif;font-style:normal;box-shadow:0 8px 20px rgba(0,0,0,.25)}.orbit-one i:nth-child(1){left:0;top:10%}.orbit-one i:nth-child(2){right:-2%;top:25%}.orbit-one i:nth-child(3){bottom:-8%;left:43%}.orbit-two{inset:12%;animation-direction:reverse;animation-duration:42s}.orbit-two i{background:#263b32;color:var(--gold);border:1px solid rgba(215,179,107,.25)}.orbit-two i:first-child{left:15%;bottom:3%}.orbit-two i:last-child{right:12%;top:4%}@keyframes orbit{to{transform:rotate(360deg)}}.seat{position:absolute;width:28%;height:12%;border-radius:50%;background:#0b100e;box-shadow:0 14px 22px rgba(0,0,0,.45)}.seat-a{left:36%;top:-5%}.seat-b{right:-9%;top:44%;transform:rotate(90deg)}.seat-c{left:36%;bottom:-5%}.seat-d{left:-9%;top:44%;transform:rotate(90deg)}.catalog-section,.activity-section{padding:90px max(28px,calc((100vw - 1320px)/2))}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.section-head h2{margin:0;font-family:"Noto Serif SC";font-size:34px;letter-spacing:-.04em}.catalog-meta{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px}.catalog-meta b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e4ded0;color:var(--ink)}.game-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.game-card{display:grid;grid-template-columns:43% 57%;min-height:330px;border:1px solid var(--line);border-radius:16px;background:#faf8f2;overflow:hidden;box-shadow:0 18px 45px rgba(32,42,37,.07);transition:.2s}.game-card:hover{transform:translateY(-4px);box-shadow:0 25px 55px rgba(32,42,37,.12)}.game-visual{position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,var(--accent-a),var(--accent-b));color:white}.accent-lagoon{--accent-a:#487f75;--accent-b:#1f4943}.accent-violet{--accent-a:#715d8c;--accent-b:#372d50}.accent-emerald{--accent-a:#406e55;--accent-b:#1b3b2b}.accent-sky{--accent-a:#548da4;--accent-b:#29566a}.game-number{position:absolute;left:14px;top:12px;color:rgba(255,255,255,.55);font-size:9px;letter-spacing:.14em}.game-glyph{position:relative;z-index:2;display:grid;place-items:center;width:102px;height:134px;border:1px solid rgba(255,255,255,.35);border-radius:9px;background:rgba(10,20,16,.25);font-family:"Noto Serif SC";font-size:48px;color:#f4dfad;box-shadow:0 22px 30px rgba(0,0,0,.25),inset 0 0 35px rgba(255,255,255,.06);transform:rotate(-5deg)}.game-glyph:after{content:"";position:absolute;inset:8px;border:1px solid rgba(215,179,107,.3);border-radius:5px}.game-pattern i{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%}.game-pattern i:nth-child(1){width:190px;height:190px;left:-70px;top:-50px}.game-pattern i:nth-child(2){width:140px;height:140px;right:-60px;bottom:-45px}.game-pattern i:nth-child(3){width:70px;height:70px;right:15px;top:20px}.player-chip{position:absolute;right:12px;bottom:12px;padding:5px 8px;border-radius:20px;background:rgba(9,17,14,.32);font-size:8px}.game-info{padding:25px;display:flex;flex-direction:column}.game-title{display:flex;justify-content:space-between;gap:10px}.game-title small{color:#8b6b35;font-size:8px;letter-spacing:.16em}.game-title h3{margin:2px 0 0;font-family:"Noto Serif SC";font-size:25px}.availability{align-self:start;padding:4px 7px;border-radius:20px;font-size:7px}.availability.online{background:#e1efe6;color:#377054}.availability.solo{background:#ece8df;color:#766f62}.game-info>p{color:var(--muted);font-size:10px;line-height:1.65}.tag-row{display:flex;gap:5px;flex-wrap:wrap}.tag-row span{padding:4px 7px;border-radius:5px;background:#efebe2;color:#74766f;font-size:7px}.game-actions{display:flex;align-items:center;gap:8px;margin-top:auto}.play-button,.room-button{display:flex;justify-content:space-between;align-items:center;gap:15px;border-radius:8px;padding:10px 12px;text-decoration:none;font-size:9px;font-weight:700}.play-button{flex:1;background:#1c2822;color:white}.play-button span{font-size:15px}.room-button{border:1px solid var(--line);background:transparent;color:var(--ink)}.platform-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#18211d;color:#f1ece1;padding:30px max(28px,calc((100vw - 1320px)/2))}.platform-strip>div{display:flex;align-items:center;justify-content:center;gap:13px;padding:0 28px;border-right:1px solid rgba(255,255,255,.1)}.platform-strip>div:last-child{border:0}.feature-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(215,179,107,.35);color:var(--gold)}.platform-strip p{display:grid;gap:3px;margin:0}.platform-strip b{font-size:11px}.platform-strip small{color:#839087;font-size:8px}.activity-section{padding-top:75px}.text-action{border:0;background:none;color:#8b6b35;font-size:9px}.room-list{border-top:1px solid var(--line)}.rooms-empty{display:flex;align-items:center;justify-content:center;gap:18px;padding:54px;color:var(--muted)}.rooms-empty>span{font-size:38px;color:#ba9c62}.rooms-empty b{color:var(--ink);font-size:11px}.rooms-empty p{margin:5px 0 0;font-size:9px}.room-row{display:grid;grid-template-columns:42px 1fr 80px 65px 60px;align-items:center;gap:12px;padding:13px 6px;border-bottom:1px solid var(--line)}.room-game{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:linear-gradient(145deg,var(--accent-a),var(--accent-b));color:white;font-family:serif}.room-row>div{display:grid}.room-row strong{font-size:10px}.room-row small{color:var(--muted);font-size:8px}.room-seats{display:flex!important;align-items:center;gap:5px;color:var(--muted);font-size:9px}.room-seats i{width:6px;height:6px;border-radius:50%;background:#65b889}.lock{color:var(--muted);font-size:8px}.room-row>button{border:1px solid var(--line);border-radius:7px;background:white;padding:7px;font-size:8px}footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:32px max(28px,calc((100vw - 1320px)/2));background:#0d1210;color:#819087}footer .compact{color:#f1ece1}footer .compact .logo-mark{width:31px;height:31px}footer p{text-align:center;font-size:8px}footer>span{text-align:right;font-size:7px;letter-spacing:.15em}.modal-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px;background:rgba(8,13,11,.76);backdrop-filter:blur(9px)}.modal-backdrop.hidden{display:none}.modal{position:relative;width:min(560px,100%);max-height:91vh;overflow:auto;padding:28px;border-radius:17px;background:#f5f2ea;box-shadow:0 35px 90px rgba(0,0,0,.42)}.modal-close{position:absolute;right:15px;top:12px;border:0;background:none;color:#818881;font-size:25px}.modal h2{margin:2px 0 7px;font-family:"Noto Serif SC";font-size:28px}.modal-lead{color:var(--muted);font-size:10px;line-height:1.6}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin:20px 0 17px;border-bottom:1px solid var(--line)}.auth-tabs button{border:0;border-bottom:2px solid transparent;padding:9px;background:none;color:var(--muted);font-size:9px}.auth-tabs button.active{border-color:var(--gold-deep);color:var(--ink)}.modal form{display:grid;gap:12px}.modal label{display:grid;gap:6px;font-size:9px;font-weight:700}.modal label small{color:var(--muted);font-weight:500}.modal input,.modal select{width:100%;border:1px solid #d9d3c6;border-radius:8px;padding:11px;background:white;color:var(--ink);font-size:10px}.modal-submit{width:100%;margin-top:7px}.avatar-picker{display:flex;gap:7px}.avatar-picker button{border:2px solid transparent;border-radius:50%;padding:2px;background:none}.avatar-picker button.selected{border-color:var(--gold-deep)}.avatar-picker i{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#34483e;color:#e1c98e;font-style:normal;font-size:9px}.avatar-picker button:nth-child(2) i{background:#516a84}.avatar-picker button:nth-child(3) i{background:#7a5e73}.avatar-picker button:nth-child(4) i{background:#8b6944}.avatar-picker button:nth-child(5) i{background:#477172}.avatar-picker button:nth-child(6) i{background:#6c6451}.profile-head{display:flex;align-items:center;gap:12px;margin:19px 0}.profile-head>span{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#2d4237;color:var(--gold);font-size:19px;font-weight:700}.profile-head h2{margin:0}.profile-head p{margin:3px 0;color:var(--muted);font-size:8px}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:11px;background:white}.profile-stats>div{display:grid;place-items:center;padding:15px;border-right:1px solid var(--line)}.profile-stats>div:last-child{border:0}.profile-stats b{font-family:"Noto Serif SC";font-size:22px}.profile-stats small{color:var(--muted);font-size:7px}.profile-stats.compact{margin:18px 0}.modal-button-row{display:flex;gap:8px;margin-top:18px}.modal-button-row>*{flex:1}.soft-action{border-color:var(--line);background:white;color:var(--ink)}.danger-action{border:1px solid #e3c7c1;background:#f8e9e5;color:#a14e46}.record-list{display:grid;max-height:340px;overflow:auto}.record-row{display:grid;grid-template-columns:31px 1fr auto 90px;align-items:center;gap:9px;padding:10px 2px;border-bottom:1px solid var(--line)}.record-row>span{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#25382e;color:var(--gold)}.record-row>div{display:grid}.record-row strong{font-size:9px}.record-row small{color:var(--muted);font-size:7px}.record-row>b{font-size:8px}.record-row .result-win{color:#3d8b61}.record-row .result-loss{color:#af5d53}.record-row em{text-align:right;color:var(--muted);font-size:8px;font-style:normal}.record-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.record-actions button{border:1px solid #c9b27d;border-radius:6px;background:#f1e8d4;color:#665126;padding:5px 7px;font-size:8px;font-weight:700}.records-empty{padding:40px;text-align:center;color:var(--muted);font-size:9px}.room-title{display:flex;justify-content:space-between;align-items:center}.room-title h2{margin-bottom:0}.room-title p{margin:2px 0;color:var(--muted);font-size:8px}.room-code{border:1px dashed #b69759;border-radius:8px;padding:8px 11px;background:#eee5d2;color:#6b5326;font-weight:700;letter-spacing:.15em}.room-code span{margin-left:8px;font-size:7px;letter-spacing:0}.room-status{display:flex;align-items:center;gap:6px;margin:16px 0 8px;color:var(--muted);font-size:8px}.room-status>span{width:6px;height:6px;border-radius:50%;background:#66bb8c}.seat-list{display:grid;gap:6px}.seat-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;padding:9px;border:1px solid var(--line);border-radius:9px;background:white}.seat-row>span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e9e5da;color:#72766f;font-size:8px}.seat-row>div{display:grid}.seat-row b{font-size:9px}.seat-row small{color:var(--muted);font-size:7px}.seat-row>i{color:#9a786f;font-size:7px;font-style:normal}.seat-row>i.ready{color:#3b8a60}.seat-row.is-me{border-color:#d3b879;background:#fffaf0}.empty-seat{opacity:.65;border-style:dashed}.room-controls .primary-cta,.room-controls .soft-action{padding:11px}.toast{position:fixed;z-index:70;left:50%;bottom:22px;transform:translate(-50%,20px);padding:10px 14px;border-radius:8px;background:#1b2721;color:#f1eee5;font-size:9px;font-weight:700;opacity:0;pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.toast.error{background:#a84e48}
@media(max-width:900px){.main-nav{display:none}.hero{grid-template-columns:1fr;padding-top:65px}.hero-copy{position:relative;z-index:2}.hero-table{width:min(470px,85vw);margin-top:-40px;opacity:.75}.game-grid{grid-template-columns:1fr}.platform-strip{grid-template-columns:1fr}.platform-strip>div{justify-content:flex-start;padding:15px;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}footer{grid-template-columns:1fr;text-align:center;gap:15px}footer .logo{justify-content:center}footer>span{text-align:center}}
@media(max-width:600px){.site-header{height:62px;padding:0 15px}.hero{min-height:600px;padding:55px 20px}.hero h1{font-size:54px}.hero-table{width:390px;margin-left:-30px}.game-card{grid-template-columns:1fr}.game-visual{min-height:230px}.catalog-section,.activity-section{padding:65px 16px}.section-head h2{font-size:28px}.platform-strip{padding:20px}.room-row{grid-template-columns:38px 1fr auto}.room-seats,.lock{display:none!important}.modal{padding:23px}.record-row{grid-template-columns:31px 1fr auto auto}.record-row em{display:none}.logo b{font-size:14px}.logo-mark{width:33px;height:33px}.hero-actions{flex-wrap:wrap}}
.accent-amber{--accent-a:#a56e3f;--accent-b:#57351f}