:root{color:#eef2ff;font-synthesis:none;text-rendering:optimizelegibility;--bg:#080b14;--surface:#121727d1;--surface-strong:#141a2b;--surface-soft:#ffffff0b;--line:#ffffff1a;--line-strong:#ffffff2e;--text:#f4f6ff;--muted:#929bb4;--muted-2:#68728c;--primary:#9cff57;--primary-strong:#72e82f;--primary-dark:#1f3a15;--cyan:#56d9ff;--violet:#a58cff;--orange:#ffae57;--red:#ff6978;--green:#54e695;--shadow:0 24px 80px #00000057;--radius-lg:24px;--radius-md:16px;--radius-sm:10px;background:#080b14;font-family:Inter,Noto Sans SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 10% 0,#56d9ff1a,#0000 35%),radial-gradient(circle at 90% 15%,#9cff5714,#0000 34%),linear-gradient(#090d18 0%,#080b14 62%,#070a12 100%);margin:0}body:before{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:52px 52px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}button,input,select{font:inherit}button{color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app-shell{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.page-width{width:min(1180px,100% - 40px);margin:0 auto}.narrow-page{max-width:720px;padding:80px 0}.topbar{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;width:min(1240px,100% - 40px);height:86px;margin:0 auto;display:flex}.brand{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:13px;padding:0;display:inline-flex}.brand-mark{background:linear-gradient(145deg, var(--primary), #d8ff65);color:#101609;letter-spacing:-1.5px;border-radius:15px;place-items:center;width:48px;height:48px;font-weight:900;display:grid;box-shadow:0 12px 30px #9cff5733}.brand strong,.brand small{display:block}.brand strong{font-size:17px;line-height:1.15}.brand small{color:var(--muted);letter-spacing:.08em;margin-top:5px;font-size:11px}.topbar-actions,.button-row{align-items:center;gap:10px;display:flex}.site-footer{border-top:1px solid var(--line);width:min(1180px,100% - 40px);min-height:86px;color:var(--muted-2);justify-content:space-between;gap:16px;margin:40px auto 0;padding:26px 0;font-size:12px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:14px;font-weight:700;transition:transform .16s,border-color .16s,background .16s,opacity .16s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{cursor:not-allowed;opacity:.45}.button.primary{color:#11180c;background:linear-gradient(135deg, #b6ff6f, var(--primary-strong));box-shadow:0 12px 28px #72e82f2e}.button.secondary{color:var(--text);border-color:var(--line-strong);background:#ffffff13}.button.secondary:hover:not(:disabled){background:#ffffff1c}.button.ghost{color:#c9d0e5;border-color:var(--line);background:0 0}.button.ghost:hover:not(:disabled){border-color:var(--line-strong);background:#ffffff0b}.button.danger{color:#ff98a2}.button.wide{width:100%}.button.compact{border-radius:10px;min-height:38px;padding:0 14px;font-size:12px}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#161c2fe8,#0e121ff0)}.eyebrow{color:var(--primary);letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:800;display:inline-block}.panel-title-row,.section-heading,.room-card-top,.room-card-bottom,.room-header,.game-status-strip,.round-card-header,.action-submit-row,.dialog-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.panel-title-row h2,.panel-title-row h3,.section-heading h2,.room-header h1,.game-status-strip h2,.round-card-header h3,.dialog-header h2{margin:7px 0 0}.home-page{padding-top:68px}.hero{grid-template-columns:minmax(0,1.12fr) minmax(380px,.78fr);align-items:center;gap:76px;min-height:570px;display:grid}.hero-copy{padding:30px 0 45px;position:relative}.hero-copy:after{content:"C > B > A";color:#ffffff06;white-space:nowrap;letter-spacing:-.07em;pointer-events:none;z-index:-1;font-size:clamp(52px,9vw,112px);font-weight:900;position:absolute;bottom:0;left:12%}.hero h1{letter-spacing:-.065em;margin:16px 0 22px;font-size:clamp(48px,7vw,82px);line-height:.98}.hero-copy>p{color:#a6aec3;max-width:620px;margin:0;font-size:16px;line-height:1.9}.hero-facts{gap:40px;margin-top:42px;display:flex}.fact strong,.fact span{display:block}.fact strong{letter-spacing:-.04em;font-size:26px}.fact span{color:var(--muted-2);margin-top:5px;font-size:11px}.create-card,.join-card{padding:30px}.create-card{position:relative;overflow:hidden}.create-card:before{content:"";filter:blur(10px);background:#9cff571a;border-radius:50%;width:180px;height:180px;position:absolute;top:-80px;right:-70px}.live-dot,.capacity-pill,.lock-pill,.status-badge,.room-code,.score-orb,.pending-bid,.status-badge{border-radius:999px}.live-dot{color:var(--green);padding-left:15px;font-size:11px;font-weight:700;position:relative}.live-dot:before{content:"";background:var(--green);border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 0 5px #54e6951f}.field{gap:8px;margin-top:17px;display:grid}.field>span,.bid-fieldset legend{color:#c4cadc;font-size:12px;font-weight:600}.field em{color:var(--muted-2);font-style:normal;font-weight:400}.field input,.field select,.bid-input input{border:1px solid var(--line);width:100%;min-height:46px;color:var(--text);background:#04070e8c;border-radius:11px;padding:0 13px;transition:border-color .16s,background .16s}.field input::placeholder{color:#535d76}.field input:hover,.field select:hover,.bid-input input:hover{border-color:var(--line-strong)}.field input:focus,.field select:focus,.bid-input input:focus{background:#04070ed1;border-color:#9cff57a6}.field select option{color:#151925}.two-columns{grid-template-columns:1fr 1fr;gap:12px;display:grid}.create-card .button.primary{margin-top:22px}.form-footnote{color:var(--muted-2);text-align:center;margin:14px 0 0;font-size:10px;line-height:1.65}.rooms-section{padding:70px 0 40px}.section-heading{margin-bottom:25px}.section-heading h2{letter-spacing:-.04em;font-size:30px}.filter-tabs{border:1px solid var(--line);background:#ffffff06;border-radius:12px;gap:4px;padding:4px;display:flex}.filter-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:34px;padding:0 13px;font-size:11px;font-weight:700}.filter-tabs button.active{color:#131a0d;background:var(--primary)}.room-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.room-card{border:1px solid var(--line);background:linear-gradient(145deg,#141a2bdb,#0b0f1ae6);border-radius:20px;min-height:220px;padding:24px;transition:transform .18s,border-color .18s,box-shadow .18s}.room-card:hover{border-color:#9cff573d;transform:translateY(-3px);box-shadow:0 22px 50px #00000038}.room-card h3{letter-spacing:-.025em;margin:28px 0 12px;font-size:21px}.status-badge,.room-code{letter-spacing:.08em;align-items:center;min-height:25px;padding:0 10px;font-size:9px;font-weight:800;display:inline-flex}.status-badge.lobby{color:#10240b;background:var(--primary)}.status-badge.playing{color:#091d24;background:var(--cyan)}.status-badge.finished{color:#d7daea;background:#ffffff1a}.room-code{color:var(--muted);border:1px solid var(--line)}.room-meta-row{color:var(--muted);gap:9px;font-size:11px;display:flex}.room-meta-row span+span:before{content:"·";color:var(--muted-2);margin-right:9px}.room-card-bottom{margin-top:32px}.room-capacity{color:var(--muted);align-items:center;font-size:11px;display:flex}.room-capacity strong{color:var(--text);margin-left:10px}.avatar-stack{padding-left:7px;display:flex}.avatar-stack i{color:#bfc8df;background:#28304a;border:2px solid #111625;border-radius:50%;place-items:center;width:25px;height:25px;margin-left:-7px;font-size:8px;font-style:normal;display:grid}.avatar-stack i:nth-child(2){background:#273e3b}.avatar-stack i:nth-child(3){background:#493548}.avatar-stack i:nth-child(4){background:#413f2c}.empty-state{border:1px dashed var(--line-strong);text-align:center;min-height:360px;color:var(--muted);border-radius:24px;place-content:center;display:grid}.empty-state h3{color:var(--text);margin:20px 0 7px}.empty-state p{margin:0;font-size:13px}.empty-orbit{border:1px solid var(--line-strong);width:110px;height:110px;color:var(--primary);letter-spacing:.14em;border-radius:50%;place-items:center;margin:0 auto;font-size:12px;display:grid}.room-card.skeleton{align-content:center;gap:18px;animation:1.2s ease-in-out infinite alternate pulse;display:grid}.room-card.skeleton i{background:#ffffff0e;border-radius:8px;height:18px;display:block}.room-card.skeleton i:first-child{width:30%}.room-card.skeleton i:nth-child(2){width:65%;height:25px}.room-card.skeleton i:nth-child(3){width:85%}@keyframes pulse{0%{opacity:.55}to{opacity:1}}.inline-message{border-radius:13px;margin:12px 0;padding:13px 15px;font-size:12px;line-height:1.6}.inline-message.error{color:#ffc3c8;background:#ff697814;border:1px solid #ff697840}.inline-message.info{color:#beeaff;background:#56d9ff12;border:1px solid #56d9ff38}.inline-message.success{color:#baffd6;background:#54e69512;border:1px solid #54e69538}.text-button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.join-page{grid-template-columns:minmax(0,1fr) 430px;align-items:center;gap:80px;min-height:calc(100vh - 172px);padding:80px 0;display:grid}.join-visual h1{letter-spacing:-.06em;max-width:690px;margin:15px 0 20px;font-size:clamp(44px,6vw,72px);line-height:1.02}.join-visual p{max-width:620px;color:var(--muted);line-height:1.8}.resource-emblem{width:280px;height:150px;margin-top:55px;position:relative}.resource-emblem span{border:1px solid var(--line-strong);width:92px;height:92px;box-shadow:var(--shadow);background:#0f1422c7;border-radius:50%;place-items:center;font-size:30px;font-weight:800;display:grid;position:absolute}.resource-emblem span:first-child{color:var(--orange);bottom:0;left:0}.resource-emblem span:nth-child(2){color:var(--cyan);top:0;left:78px}.resource-emblem span:nth-child(3){color:var(--primary);bottom:0;left:156px}.join-card h2{margin:7px 0 22px;font-size:29px}.join-card .button{margin-top:13px}.full-loader{text-align:center;min-height:calc(100vh - 172px);color:var(--muted);place-content:center;gap:22px;display:grid}.loader-orbit{border:1px solid var(--line-strong);border-radius:50%;width:120px;height:120px;margin:0 auto;animation:4s linear infinite spin;position:relative}.loader-orbit i{background:var(--surface-strong);border-radius:50%;place-items:center;width:33px;height:33px;font-size:11px;font-style:normal;font-weight:800;display:grid;position:absolute}.loader-orbit i:first-child{color:var(--orange);top:-16px;left:42px}.loader-orbit i:nth-child(2){color:var(--cyan);bottom:12px;left:-10px}.loader-orbit i:nth-child(3){color:var(--primary);bottom:12px;right:-10px}@keyframes spin{to{transform:rotate(360deg)}}.room-page{padding-top:48px}.room-header{border-bottom:1px solid var(--line);padding:28px 0 35px}.room-header-kicker{color:var(--muted);letter-spacing:.06em;align-items:center;gap:12px;font-size:11px;display:flex}.room-header h1{letter-spacing:-.045em;font-size:38px}.room-header p{color:var(--muted);margin:10px 0 0;font-size:13px}.room-header p strong{color:var(--primary)}.lobby-layout,.game-layout{grid-template-columns:minmax(0,1fr) 350px;gap:20px;padding-top:24px;display:grid}.lobby-main{padding:28px}.capacity-pill{border:1px solid var(--line-strong);min-width:72px;min-height:34px;color:var(--muted);place-items:center;font-size:11px;display:grid}.lobby-player-list{gap:9px;margin-top:27px;display:grid}.lobby-player{border:1px solid var(--line);background:#ffffff06;border-radius:14px;grid-template-columns:34px 43px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:71px;padding:11px 14px;display:grid}.lobby-player.empty{opacity:.6;border-style:dashed}.seat-number{color:var(--muted-2);font-size:10px;font-weight:700}.player-avatar{color:#16200e;background:linear-gradient(145deg,#bcff7b,#74e832);border-radius:13px;place-items:center;width:43px;height:43px;font-size:15px;font-weight:800;display:grid}.player-avatar.small{border-radius:10px;width:34px;height:34px;font-size:12px}.lobby-player strong,.lobby-player small,.score-row strong,.score-row small{display:block}.lobby-player strong,.score-row strong{font-size:13px}.lobby-player small,.score-row small{color:var(--muted-2);margin-top:4px;font-size:9px}.ready-mark{color:var(--primary);letter-spacing:.1em;font-size:8px;font-weight:800}.lobby-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:23px;display:flex}.host-waiting{min-height:44px;color:var(--muted);align-items:center;margin-right:auto;font-size:12px;display:inline-flex}.start-requirement{color:var(--orange);margin:14px 0 0;font-size:10px}.start-requirement.ok{color:var(--green)}.lobby-side,.game-side-column{align-content:start;gap:16px;display:grid}.rule-preview,.compact-rules,.skill-card,.inventory-card,.scoreboard{padding:23px}.rule-preview h3,.compact-rules h3,.skill-card h3,.inventory-card h3,.scoreboard h3{margin:7px 0 20px;font-size:20px}.definition-row{border-top:1px solid var(--line);justify-content:space-between;gap:14px;padding:12px 0;display:flex}.definition-row span{color:var(--muted-2);flex:none;font-size:10px}.definition-row strong{text-align:right;font-size:11px}.definition-row.multiline{display:grid}.definition-row.multiline strong{color:#c2c9db;text-align:left;font-weight:500;line-height:1.65}.priority-ladder{justify-content:center;align-items:center;gap:12px;margin:25px 0 18px;display:flex}.priority-ladder span{background:#ffffff0f;border-radius:14px;place-items:center;width:48px;height:48px;font-size:19px;font-weight:800;display:grid}.priority-ladder span:first-of-type{color:var(--primary)}.priority-ladder span:nth-of-type(2){color:var(--cyan)}.priority-ladder span:nth-of-type(3){color:var(--orange)}.priority-ladder i{color:var(--muted-2);font-style:normal}.compact-rules p{color:var(--muted);margin:0;font-size:11px;line-height:1.7}.game-layout{grid-template-columns:minmax(0,1fr) 340px}.game-main-column{min-width:0}.game-status-strip{min-height:107px;padding:0 5px 20px}.game-status-strip h2{letter-spacing:-.04em;font-size:31px}.round-progress-copy{text-align:right}.round-progress-copy span,.round-progress-copy strong{display:block}.round-progress-copy span{color:var(--muted-2);font-size:10px}.round-progress-copy strong{color:#ced5e7;margin-top:5px;font-size:12px}.private-notices{background:#a58cff13;border:1px solid #a58cff40;border-radius:14px;margin-bottom:16px;padding:15px 17px}.private-notices>span{color:var(--violet);letter-spacing:.08em;font-size:9px;font-weight:800}.private-notices p{color:#d4ccff;margin:8px 0 0;font-size:12px;line-height:1.55}.inventory-card .panel-title-row{align-items:flex-start}.score-orb{text-align:center;background:#9cff5713;border:1px solid #9cff573d;flex:none;place-content:center;width:60px;height:60px;display:grid}.score-orb strong,.score-orb span{display:block}.score-orb strong{color:var(--primary);font-size:22px;line-height:1}.score-orb span{color:var(--muted);margin-top:3px;font-size:8px}.resource-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.resource-tile{border:1px solid var(--line);background:#ffffff06;border-radius:14px;align-content:space-between;min-height:107px;padding:13px;display:grid}.resource-tile span{font-size:12px;font-weight:800}.resource-tile strong{font-size:29px;line-height:1}.resource-tile small{color:var(--muted-2);font-size:8px}.resource-a span{color:var(--orange)}.resource-b span{color:var(--cyan)}.resource-c span{color:var(--primary)}.inventory-meta{color:var(--muted-2);justify-content:space-between;margin-top:12px;font-size:8px;display:flex}.pending-bid{background:#ffae5712;border:1px solid #ffae5733;gap:4px;margin-top:14px;padding:10px 12px;display:grid}.pending-bid span{color:var(--orange);font-size:8px}.pending-bid strong{font-size:10px}.score-list{gap:7px;display:grid}.score-row{border-radius:12px;grid-template-columns:20px 34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:51px;padding:7px 8px;display:grid}.score-row:hover{background:#ffffff06}.score-row.eliminated{opacity:.42}.score-position{color:var(--muted-2);font-size:9px}.score-row b{color:var(--primary);font-size:16px}.skill-card{grid-template-columns:54px minmax(0,1fr);gap:15px;display:grid}.skill-icon{color:#191125;background:linear-gradient(145deg, #bfaeff, var(--violet));border-radius:17px;place-items:center;width:54px;height:54px;font-size:20px;font-weight:900;display:grid}.skill-card h3{margin-bottom:10px}.skill-card p{color:var(--muted);margin:0;font-size:10px;line-height:1.65}.skill-card strong{color:var(--violet);margin-top:11px;font-size:9px;display:block}.action-panel{padding:28px}.action-panel h3{font-size:24px}.lock-pill{min-height:27px;color:var(--muted);border:1px solid var(--line);align-items:center;padding:0 11px;font-size:9px;display:inline-flex}.bid-fieldset{border:0;margin:26px 0 0;padding:0}.bid-fieldset:disabled{opacity:.32}.bid-fieldset legend{margin-bottom:11px}.bid-inputs{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.bid-input{border:1px solid var(--line);background:#ffffff05;border-radius:15px;gap:7px;padding:13px;display:grid;position:relative}.bid-input>span{font-size:13px;font-weight:900}.bid-a>span{color:var(--orange)}.bid-b>span{color:var(--cyan)}.bid-c>span{color:var(--primary)}.bid-input input{text-align:center;min-height:50px;padding:0 9px;font-size:20px;font-weight:800}.bid-input small{color:var(--muted-2);text-align:center;font-size:8px}.bid-shortcuts{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.bid-shortcuts button{border:1px solid var(--line);min-height:29px;color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;padding:0 9px;font-size:8px}.bid-shortcuts button:hover{color:var(--text);border-color:var(--line-strong)}.skill-toggle{border:1px solid var(--line);background:#ffffff05;border-radius:15px;margin-top:21px;padding:15px;transition:border-color .16s,background .16s}.skill-toggle.active{background:#a58cff12;border-color:#a58cff66}.skill-toggle label{cursor:pointer;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;display:grid}.skill-toggle input{opacity:0;pointer-events:none;position:absolute}.toggle-visual{background:#ffffff1f;border-radius:999px;width:38px;height:22px;position:relative}.toggle-visual:after{content:"";background:#c8cedf;border-radius:50%;width:16px;height:16px;transition:transform .16s,background .16s;position:absolute;top:3px;left:3px}.skill-toggle input:checked+.toggle-visual{background:var(--violet)}.skill-toggle input:checked+.toggle-visual:after{background:#fff;transform:translate(16px)}.skill-toggle label>span:last-child{font-size:12px;font-weight:700}.skill-toggle label small{color:var(--muted-2);margin-top:4px;font-size:8px;font-weight:400;display:block}.skill-toggle>p{color:#bdb4e5;margin:12px 0 0 50px;font-size:10px;line-height:1.65}.target-field{margin-top:16px}.action-submit-row{border-top:1px solid var(--line);margin-top:23px;padding-top:18px}.action-submit-row>div span,.action-submit-row>div strong{display:block}.action-submit-row>div span{color:var(--muted-2);font-size:9px}.action-submit-row>div strong{margin-top:5px;font-size:14px}.peek-intel{background:#a58cff13;border:1px solid #a58cff47;border-radius:15px;margin-top:21px;padding:16px}.peek-intel>span{color:var(--violet);letter-spacing:.08em;font-size:9px;font-weight:800}.peek-intel p{color:#d7d0ef;margin:9px 0 0;font-size:12px;line-height:1.6}.peek-intel b{color:#fff}.waiting-panel{text-align:center;place-content:center;min-height:310px;padding:38px;display:grid}.waiting-panel h3{margin:25px 0 8px;font-size:23px}.waiting-panel p{max-width:450px;color:var(--muted);margin:0 auto;font-size:12px;line-height:1.7}.waiting-panel>span:last-child{color:var(--muted-2);margin-top:18px;font-size:9px}.waiting-symbol{width:70px;height:70px;color:var(--red);background:#ff697814;border:1px solid #ff697840;border-radius:50%;place-items:center;margin:0 auto;font-size:26px;display:grid}.waiting-rings{width:82px;height:82px;margin:0 auto;position:relative}.waiting-rings i{border:1px solid #9cff5738;border-radius:50%;animation:2.4s ease-out infinite rings;position:absolute;inset:0}.waiting-rings i:nth-child(2){animation-delay:.8s}.waiting-rings i:nth-child(3){animation-delay:1.6s}@keyframes rings{0%{opacity:0;transform:scale(.45)}20%{opacity:1}to{opacity:0;transform:scale(1.18)}}.winner-panel{text-align:center;background:radial-gradient(circle at 50% 30%,#9cff5729,#0000 38%),linear-gradient(145deg,#161c2ff5,#0e121ff0);place-content:center;min-height:330px;padding:42px;display:grid}.winner-crown{color:var(--primary);font-size:54px}.winner-panel h2{margin:13px 0 8px;font-size:36px}.winner-panel p{color:var(--muted);margin:0}.history-section{margin-top:42px}.compact-heading{margin-bottom:16px}.compact-heading>span{color:var(--muted-2);font-size:10px}.history-empty{min-height:140px;color:var(--muted-2);text-align:center;place-items:center;padding:30px;font-size:11px;display:grid}.history-list{gap:13px;display:grid}.round-card{padding:22px;box-shadow:0 15px 40px #0000002e}.round-card.latest{border-color:#9cff5733}.round-card-header>div:first-child span{color:var(--muted-2);font-size:9px}.round-card-header h3{font-size:18px}.totals{text-align:right}.totals span,.totals strong{display:block}.totals span{color:var(--muted-2);font-size:8px}.totals strong{color:#cbd2e6;margin-top:5px;font-size:11px}.totals.hidden strong{color:var(--violet)}.arena-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:17px;display:grid}.arena-block{border:1px solid var(--line);background:#ffffff05;border-radius:13px;padding:13px}.arena-block h4{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 9px;font-size:9px}.ranking-row{border-top:1px solid #ffffff0d;grid-template-columns:32px minmax(0,1fr) 35px 45px;align-items:center;gap:8px;min-height:35px;font-size:10px;display:grid}.ranking-row:first-of-type{border-top:0}.rank-number{color:var(--muted-2)}.ranking-row>span:nth-last-child(2){text-align:right}.ranking-row b{text-align:right;color:var(--primary)}.positive{color:var(--green)}.negative{color:var(--red)}.stage-event{border-radius:12px;gap:5px;margin-top:14px;padding:13px 15px;display:grid}.stage-event.elimination{background:#ff69780f;border:1px solid #ff697833}.stage-event.winner{background:#9cff570f;border:1px solid #9cff5733}.stage-event strong{font-size:11px}.stage-event span{color:var(--muted);font-size:9px;line-height:1.6}.dialog-backdrop{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020409c7;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.rules-dialog{border:1px solid var(--line-strong);background:#101522;border-radius:26px;grid-template-rows:auto minmax(0,1fr);width:min(860px,100%);max-height:min(860px,100vh - 50px);display:grid;overflow:hidden;box-shadow:0 35px 100px #0000008c}.dialog-header{border-bottom:1px solid var(--line);padding:25px 28px}.dialog-header h2{font-size:26px}.icon-button{border:1px solid var(--line);width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border-radius:11px;font-size:23px}.rules-content{padding:29px;overflow:auto}.rule-section+.rule-section{margin-top:24px}.rule-section h3{margin:0 0 8px;font-size:16px}.rule-section p{color:#a7afc4;margin:0;font-size:12px;line-height:1.9}.rules-table-wrap{margin:22px 0;overflow-x:auto}.rules-table-wrap table{border-collapse:collapse;width:100%;min-width:590px;font-size:11px}.rules-table-wrap th,.rules-table-wrap td{border:1px solid var(--line);text-align:center;padding:11px}.rules-table-wrap th{color:var(--muted);background:#ffffff09;font-weight:600}.skill-rule-grid{grid-template-columns:1fr 1fr;gap:10px;margin:25px 0;display:grid}.skill-rule-grid>div{border:1px solid var(--line);background:#ffffff06;border-radius:13px;padding:15px}.skill-rule-grid strong{color:var(--violet);font-size:12px}.skill-rule-grid p{color:var(--muted);margin:8px 0 0;font-size:10px;line-height:1.65}.toast{z-index:80;border-radius:13px;max-width:min(380px,100vw - 48px);padding:14px 17px;font-size:12px;animation:.18s ease-out toast-in;position:fixed;bottom:24px;right:24px;box-shadow:0 22px 60px #00000073}.toast.success{color:#c8ffdc;background:#14281f;border:1px solid #54e6954d}.toast.error{color:#ffd0d4;background:#2a171d;border:1px solid #ff69784d}.toast.info{color:#c9efff;background:#14242c;border:1px solid #56d9ff4d}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=980px){.hero,.join-page,.lobby-layout,.game-layout{grid-template-columns:1fr}.hero{gap:30px}.hero-copy{padding-bottom:10px}.hero-copy:after{display:none}.create-card,.join-card{width:100%;max-width:610px}.join-page{gap:30px;padding-top:50px}.resource-emblem{display:none}.lobby-side,.game-side-column{grid-template-columns:repeat(2,minmax(0,1fr))}.game-side-column .skill-card{grid-column:1/-1}}@media (width<=700px){.page-width,.topbar,.site-footer{width:min(100% - 24px,1180px)}.topbar{height:72px}.brand small{display:none}.brand-mark{border-radius:12px;width:41px;height:41px;font-size:13px}.topbar-actions .button{padding:0 10px}.home-page{padding-top:35px}.hero{min-height:0}.hero h1,.join-visual h1{font-size:45px}.hero-copy>p{font-size:14px}.hero-facts{gap:20px;margin-top:30px}.fact strong{font-size:21px}.create-card,.join-card,.lobby-main,.action-panel,.waiting-panel{padding:21px}.two-columns,.room-grid,.skill-rule-grid,.lobby-side,.game-side-column{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:flex-start}.filter-tabs{width:100%;overflow-x:auto}.filter-tabs button{flex:1 0 auto}.room-card{min-height:205px;padding:20px}.room-card-bottom{align-items:flex-end}.room-capacity{flex-wrap:wrap}.join-page{min-height:0;padding:45px 0}.room-page{padding-top:25px}.room-header{flex-direction:column;align-items:flex-start}.room-header h1{font-size:31px}.lobby-player{grid-template-columns:28px 40px minmax(0,1fr)}.ready-mark{display:none}.lobby-actions .button{flex:130px}.game-status-strip{align-items:flex-start}.game-status-strip h2{font-size:25px}.round-progress-copy{max-width:150px}.bid-inputs{gap:6px}.bid-input{padding:9px}.bid-input input{font-size:18px}.action-submit-row{flex-direction:column;align-items:stretch}.action-submit-row .button{width:100%}.round-card-header{align-items:flex-start}.totals{max-width:180px}.dialog-backdrop{padding:0}.rules-dialog{border-radius:0;width:100%;height:100%;max-height:none}.rules-content,.dialog-header{padding:21px}.site-footer{flex-direction:column}}@media (width<=460px){.topbar-actions .button:first-child:not(:last-child){display:none}.brand strong{font-size:15px}.hero h1,.join-visual h1{font-size:38px}.hero-facts{grid-template-columns:repeat(3,1fr);display:grid}.fact span{font-size:9px}.room-card-bottom{flex-direction:column;align-items:stretch}.room-card-bottom .button{width:100%}.room-meta-row{flex-direction:column;gap:5px}.room-meta-row span+span:before{display:none}.game-status-strip{flex-direction:column}.round-progress-copy{text-align:left;max-width:none}.resource-tile{min-height:95px}.resource-tile strong{font-size:24px}.bid-inputs{grid-template-columns:1fr}.bid-input{grid-template-columns:35px minmax(0,1fr) 60px;align-items:center}.bid-input input{min-height:42px}.round-card-header{flex-direction:column}.totals{text-align:left}.ranking-row{grid-template-columns:28px minmax(0,1fr) 30px 39px;font-size:9px}}