:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#eef9f9;background:#07131e}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 65% 8%,#1e4960a8,transparent 36%),radial-gradient(ellipse at 0 75%,#113b43,transparent 43%),#07131e}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}a{color:inherit;text-decoration:none}.site-header{max-width:1450px;margin:auto;padding:17px clamp(18px,4vw,55px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #93f2ed26}.site-brand{display:flex;gap:10px;align-items:center}.site-brand img{width:42px;height:42px}.site-brand b{display:block;letter-spacing:.18em}.site-brand small{display:block;color:#79acaf;font-size:.55rem;letter-spacing:.23em;margin-top:3px}nav{display:flex;gap:clamp(12px,2vw,30px);color:#acc8cb;font-size:.76rem;font-weight:800}nav a:hover{color:#88eee3}main{max-width:1450px;margin:auto;padding:0 clamp(18px,4vw,55px)}.hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;min-height:330px;gap:20px}.eyebrow,.label{color:#84ebda;font-size:.67rem;font-weight:900;letter-spacing:.18em}.live-dot{display:inline-block;width:7px;height:7px;margin-right:7px;background:#74f7d7;border-radius:50%;box-shadow:0 0 12px #74f7d7}.hero h1{font-size:clamp(2.5rem,6.5vw,6rem);letter-spacing:-.08em;line-height:1;margin:17px 0 10px}.hero h1 span{color:#7befd9}.hero-lead{max-width:510px;font-size:clamp(1rem,1.6vw,1.2rem);color:#b6d0d3;line-height:1.5}.hero-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.hero-chips span{padding:8px 12px;border:1px solid #73cbd1aa;border-radius:20px;color:#9ae8e2;font-size:.63rem;font-weight:850;letter-spacing:.1em}.hero-art{height:230px;display:grid;place-items:center;position:relative}.hero-orbit{position:absolute;width:240px;height:200px;border:1px solid #70f0d55c;border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 45px #5ef4da23}.hero-grid{display:grid;grid-template-columns:repeat(3,42px);gap:5px;transform:rotate(-12deg);filter:drop-shadow(0 0 15px #5ce9ce66)}.hero-grid i{width:42px;height:42px;border:1px solid #a1ffeea8;border-radius:8px;background:#1a5360}.hero-grid i:nth-child(2),.hero-grid i:nth-child(5),.hero-grid i:nth-child(9){background:#92f1da}.hero-art strong{position:absolute;bottom:0;color:#8cbcc1;text-align:center;font-size:.59rem;letter-spacing:.2em;line-height:1.5}.game-layout{display:grid;grid-template-columns:minmax(175px,1fr) minmax(320px,510px) minmax(175px,.9fr);gap:clamp(13px,2vw,26px);align-items:start;padding-top:22px;border-top:1px solid #ffffff25}.left-panel,.right-panel{display:grid;gap:15px}.panel{padding:19px;border:1px solid #5c879347;border-radius:14px;background:linear-gradient(145deg,#142e3aed,#0b1c2ced);box-shadow:0 13px 40px #0003}.pilot-panel label{display:block;margin:14px 0 8px;font-size:.85rem;font-weight:800}.pilot-panel input{width:100%;padding:12px;border:1px solid #4b8291;border-radius:7px;background:#081723;color:#fff;outline:none}.pilot-panel input:focus{border-color:#7be7d5;box-shadow:0 0 0 3px #7be7d529}.panel p{color:#abc2c8;font-size:.77rem;line-height:1.55}.stats-panel .score{margin:14px 0 8px}.stats-panel .score span{display:block;color:#84aab1;font-size:.7rem;letter-spacing:.14em}.stats-panel .score strong{display:block;font-size:clamp(2rem,3vw,3rem);font-variant-numeric:tabular-nums;letter-spacing:.06em}.stat{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #47717d50;font-size:.75rem}.stat span{color:#8baeb5}.stat b{font-size:.9rem;font-variant-numeric:tabular-nums}.rule-panel strong{display:block;margin:10px 0 3px;color:#a6ffe0;font-size:1.4rem;letter-spacing:.08em}.rule-progress{position:relative;display:flex;justify-content:space-between;align-items:center;overflow:hidden;border-radius:7px;padding:8px;margin-top:14px;background:#071723;color:#b5d1d2;font-size:.72rem;font-weight:800}.rule-progress i{position:absolute;left:0;bottom:0;width:0;height:3px;background:#75f1d4;transition:width .2s}.screen-top,.screen-bottom{display:flex;justify-content:space-between;gap:10px;padding:9px;color:#8cb7bf;font-size:.62rem;letter-spacing:.14em;font-weight:850}.screen-top span:first-child{color:#83efdc}.screen-top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#83efdc;box-shadow:0 0 10px #83efdc}.screen{position:relative;padding:13px;border:1px solid #5cc7c6;border-radius:16px;background:linear-gradient(135deg,#183f4f,#0e2637);box-shadow:0 0 0 4px #0b2231,0 25px 70px #0008,0 0 50px #54d8d436}.matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;aspect-ratio:1;padding:5px;background:#071a26;border-radius:8px}.cell{position:relative;display:grid;place-items:center;border:1px solid #4e9caa;border-radius:10px;background:linear-gradient(145deg,#1d4d5e,#102d3f);color:#87c2c8;font-size:clamp(1.3rem,2.8vw,2rem);font-weight:850;box-shadow:inset 0 1px #ffffff12;transition:transform .12s,background .12s,box-shadow .12s;touch-action:manipulation}.cell:hover{border-color:#8be9d7}.cell.flash{transform:scale(.93);color:#09201c;background:#9cf5d9;box-shadow:0 0 28px #76f7d8,inset 0 0 25px #fff9}.cell.correct{color:#0d271a;background:#83eea6}.cell.wrong{color:#fff;background:#d65b77}.cell:focus-visible{outline:3px solid #f3d685}.cell:disabled{opacity:1;cursor:default}.overlay{position:absolute;inset:13px;display:grid;place-items:center;padding:20px;background:#071b2be9;backdrop-filter:blur(8px);border-radius:8px;text-align:center}.overlay[hidden]{display:none}.overlay>div{max-width:300px}.overlay-mark{color:#8cf3d9;font-size:4rem;line-height:1}.overlay h2{font-size:clamp(1.9rem,4vw,2.7rem);line-height:1.05;letter-spacing:-.06em;margin:8px 0}.overlay p:not(.eyebrow){color:#b4d0d2;font-size:.87rem;line-height:1.5}.overlay button{width:100%;padding:15px;border:1px solid #abffe6;border-radius:7px;background:#8df0d8;color:#082022;font-size:.76rem;letter-spacing:.12em;font-weight:900}.overlay button span{float:right}.screen-bottom{font-size:.58rem}.action-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px}.action-row button{min-height:45px;padding:7px;border:1px solid #4d8090;border-radius:7px;background:#143649;color:#c6eff0;font-size:.63rem;font-weight:900;letter-spacing:.04em}.action-row button:nth-child(2){background:#6ee6c3;color:#062624}.message{min-height:2.5em;margin:10px 0;color:#a8ced0;font-size:.77rem;line-height:1.5}.how-panel article{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid #53798957}.how-panel article:last-child{border:0}.how-panel article>b{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:8px;background:#75eacf;color:#082420;font-size:.7rem}.how-panel article strong{font-size:.86rem}.how-panel article strong span{color:#8ff2da}.how-panel article p{margin:5px 0 0}.tip-panel p{margin:12px 0 0}.leader-link{display:flex;justify-content:space-between;gap:10px;padding:16px;border:1px solid #5abbc1;border-radius:10px;color:#8eeddd;font-size:.72rem;font-weight:900;letter-spacing:.08em}.about{margin:70px 0 85px;padding-top:28px;border-top:1px solid #ffffff25}.about h2{font-size:clamp(2rem,3vw,3rem);letter-spacing:-.05em;margin:8px 0}.about>p:last-child{max-width:730px;color:#aac4c8;line-height:1.65}footer{max-width:1450px;margin:auto;padding:25px clamp(18px,4vw,55px);border-top:1px solid #ffffff20;display:flex;justify-content:space-between;gap:10px;color:#7aa6ac;font-size:.68rem;font-weight:800;letter-spacing:.1em}footer a{color:#b2efe2}@media(max-width:1000px){.game-layout{grid-template-columns:minmax(155px,1fr) minmax(290px,510px)}.right-panel{grid-column:1/-1;grid-template-columns:1.5fr .8fr}.leader-link{grid-column:1/-1}.hero-art{height:180px}}@media(max-width:700px){.hero{min-height:220px}.hero-art{display:none}.game-layout{display:flex;flex-direction:column}.game-center{order:1;width:min(100%,520px);margin:auto}.left-panel{order:2;width:100%;grid-template-columns:1fr 1fr}.pilot-panel{grid-column:1/-1}.right-panel{order:3;width:100%;grid-template-columns:1fr 1fr}.how-panel{grid-column:1/-1}.leader-link{grid-column:1/-1}.screen{padding:8px}.matrix{gap:6px}.overlay{inset:8px}}@media(max-width:420px){.site-header nav{flex-wrap:wrap;justify-content:end;gap:6px 12px;font-size:.64rem}.site-brand small{display:none}.hero{padding:25px 0}.hero h1{font-size:2.7rem}.left-panel{grid-template-columns:1fr}.pilot-panel{grid-column:1}.right-panel{grid-template-columns:1fr}.tip-panel{grid-column:1}.action-row button{font-size:.56rem}footer span{display:none}}
@media(max-width:700px){.left-panel{display:contents}.pilot-panel{order:1;width:100%}.game-center{order:2}.stats-panel{order:3;width:100%}.rule-panel{order:4;width:100%}.right-panel{order:5}}
.pilot-panel select{width:100%;padding:12px;border:1px solid #4b8291;border-radius:7px;background:#081723;color:#fff;outline:none}.pilot-panel select:focus-visible{border-color:#7be7d5;box-shadow:0 0 0 3px #7be7d529}