:root{--bg:#071421;--panel:#0d2031;--panel2:#10283c;--ink:#f5f7fb;--muted:#93a8ba;--cyan:#3de0d0;--gold:#ffc95b;--line:#243d52;--shadow:0 28px 80px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 80% 10%,#12354a 0,transparent 27rem),radial-gradient(circle at 10% 35%,rgba(61,224,208,.08),transparent 25rem),var(--bg);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,a,input{font:inherit}a{color:inherit;text-decoration:none}.nav{height:76px;display:flex;align-items:center;gap:34px;max-width:1240px;margin:auto;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.08)}.logo{font-size:1.15rem;font-weight:850;letter-spacing:-.03em}.logo span{margin-right:9px;color:var(--cyan);font-size:1.5rem}.logo b{margin-left:5px;color:var(--gold)}nav{display:flex;gap:27px;margin-left:auto;color:var(--muted);font-size:.9rem}.ghost,.primary,.button{min-height:43px;padding:0 18px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:rgba(16,40,60,.8);font-weight:750;cursor:pointer}.primary{display:inline-flex;align-items:center;justify-content:center;border-color:var(--cyan);color:#041411;background:var(--cyan)}main{max-width:1240px;margin:auto;padding:0 24px}.hero{min-height:610px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px}.kicker{margin:0 0 8px;color:var(--cyan);font-size:.74rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}h1{max-width:720px;margin:0;font-size:clamp(4rem,8vw,7.2rem);line-height:.86;letter-spacing:-.075em}h2{margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1;letter-spacing:-.05em}.lead{max-width:570px;margin:28px 0;color:#b0c1ce;font-size:1.18rem;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:25px}.hero-actions .primary{min-height:52px;padding:0 24px}.text-link{color:var(--gold);font-weight:760}.trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:32px;color:#7f98aa;font-size:.78rem}.hero-art{position:relative;min-height:460px}.tri{position:absolute;width:0;height:0;filter:drop-shadow(0 18px 20px rgba(0,0,0,.3))}.tri-a{top:38px;left:138px;border-left:170px solid transparent;border-right:170px solid transparent;border-bottom:294px solid #102b40}.tri-b{top:90px;left:194px;border-left:112px solid transparent;border-right:112px solid transparent;border-bottom:194px solid transparent;border-bottom-color:#2f6fff}.tri-c{top:215px;left:111px;border-left:85px solid transparent;border-right:85px solid transparent;border-top:147px solid #ff5f5f}.tri-d{top:215px;left:281px;border-left:85px solid transparent;border-right:85px solid transparent;border-top:147px solid var(--cyan)}.time-chip{position:absolute;right:5px;bottom:38px;padding:16px 19px;border:1px solid #315069;border-radius:12px;background:rgba(8,24,38,.92);box-shadow:var(--shadow)}.time-chip small,.game-clock small{display:block;color:var(--muted);font-size:.65rem;letter-spacing:.14em}.time-chip strong{font-size:1.4rem;font-variant-numeric:tabular-nums}.season{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:38px 42px;border:1px solid #29455b;border-radius:18px;background:linear-gradient(120deg,rgba(16,40,60,.95),rgba(10,26,41,.96));box-shadow:var(--shadow)}.season p:not(.kicker),.section-title>p{max-width:580px;color:var(--muted)}.season-stats{display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.season-stats div{padding-left:20px;border-left:1px solid var(--line)}.season-stats small{display:block;color:var(--muted);font-size:.7rem;text-transform:uppercase}.season-stats strong{display:block;margin-top:5px}.accent{color:var(--gold)}.section{padding:110px 0 10px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}.levels{display:grid;grid-template-columns:minmax(0,520px);gap:18px}.level{padding:24px;border:1px solid var(--line);border-radius:15px;background:rgba(13,32,49,.76);transition:.2s}.level:hover{transform:translateY(-3px);border-color:#3b637d}.level-top{display:flex;justify-content:space-between}.level-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:12px;color:var(--cyan);background:#122f45;font-size:1.8rem}.pill{height:27px;padding:4px 9px;border-radius:99px;color:var(--muted);background:#091827;font-size:.7rem}.level h3{margin:22px 0 6px;font-size:1.3rem}.level p{min-height:48px;margin:0 0 20px;color:var(--muted);font-size:.9rem}.level button{width:100%}.leaderboard{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:rgba(9,25,39,.8)}.leader-head,.leader-row{display:grid;grid-template-columns:100px 1fr 160px 100px;gap:16px;align-items:center;padding:15px 22px}.leader-head{color:#7891a4;background:#0d2234;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.leader-row{border-top:1px solid rgba(255,255,255,.06)}.rank{color:var(--gold);font-weight:850}.leader-row strong{font-variant-numeric:tabular-nums}.empty,.loading{padding:35px;color:var(--muted);text-align:center}.rules{padding-bottom:100px}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.rule-grid article{padding:25px;border-top:1px solid var(--line);background:rgba(13,32,49,.45)}.rule-grid b{color:var(--gold)}.rule-grid h3{margin:18px 0 7px}.rule-grid p{margin:0;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;padding:27px max(24px,calc((100vw - 1192px)/2));border-top:1px solid rgba(255,255,255,.08);color:#73899a;font-size:.75rem}dialog{width:min(980px,calc(100% - 24px));max-height:94vh;padding:28px;border:1px solid #315169;border-radius:18px;color:var(--ink);background:#091928;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(2,8,13,.85);backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:16px;top:15px;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:var(--panel);font-size:1.4rem}.game-head{display:flex;justify-content:space-between;align-items:start;padding-right:45px}.game-clock{text-align:right}.game-clock strong{display:block;font-size:1.55rem;font-variant-numeric:tabular-nums}.start-panel{max-width:500px;margin:55px auto;padding:30px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.start-panel label{display:grid;gap:7px;margin:22px 0;color:var(--muted);font-size:.8rem}.start-panel input{height:47px;padding:0 13px;border:1px solid #34546b;border-radius:8px;color:var(--ink);background:#071421}.start-panel button{width:100%}.game-area{margin-top:18px}.game-area>p{color:var(--muted);text-align:center}#board{display:block;width:100%;max-height:52vh;margin:auto}.slot polygon{fill:#0e273b;stroke:#2d4960;stroke-width:3;cursor:pointer}.slot:hover polygon{fill:#173a52}.slot.placed-selected .piece-bg{stroke:var(--gold);stroke-width:8}.piece-line{stroke-width:12;stroke-linecap:round}.piece-bg{fill:#102a3f;stroke:#071421;stroke-width:5}.pool-return{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:45px;padding:0 15px;border:1px dashed #365972;border-radius:9px;color:var(--cyan);background:#0b2132;font-weight:800;cursor:pointer}.pool-return span{color:var(--muted);font-size:.72rem;font-weight:600}.pool-return.active{border-color:var(--gold);color:var(--gold);background:rgba(255,201,91,.08)}.tray{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;padding:14px;border-top:1px solid var(--line)}.tray button{height:67px;padding:3px;border:1px solid var(--line);border-radius:8px;background:#0c2234;cursor:pointer}.tray button.selected{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(61,224,208,.2)}.tray svg{width:54px;height:54px}.piece-mini{fill:#17344a;stroke:#557086;stroke-width:2}.mini-edge{stroke-width:7;stroke-linecap:round}@media(max-width:800px){nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:90px 0}.hero-art{display:none}.season{grid-template-columns:1fr;padding:28px}.levels,.rule-grid{grid-template-columns:1fr}.section{padding-top:75px}.section-title{align-items:start;flex-direction:column}.leader-head,.leader-row{grid-template-columns:60px 1fr 110px}.leader-head span:last-child,.leader-row span:last-child{display:none}footer{flex-direction:column}.tray{grid-template-columns:repeat(4,1fr)}}