:root{color-scheme:dark;--bg:#070f28;--deep:#0b1455;--surface:#111c42;--line:#ffffff24;--text:#f5f7ff;--muted:#b0bee1;--yellow:#ffd164;--mint:#70f0c5;--pink:#ff6796;--blue:#7898ff;font-family:ui-rounded,'Nunito',system-ui,-apple-system,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;margin:0;background:radial-gradient(ellipse 680px 500px at 8% 5%,#202f83aa,transparent),radial-gradient(ellipse 680px 530px at 95% 80%,#45206f95,transparent),var(--bg);color:var(--text)}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit;text-decoration:none}p{line-height:1.65}h1,h2,h3{letter-spacing:-.045em;line-height:1.14}h1{font-size:clamp(2.2rem,5.6vw,5rem);margin:12px 0 20px}h2{font-size:clamp(1.5rem,3vw,2.05rem);margin:8px 0 20px}h3{font-size:1.25rem;margin:10px 0}.stars{z-index:-1;position:fixed;inset:0;pointer-events:none;opacity:.25;background-image:radial-gradient(#b7cdff 1px,transparent 1.5px);background-size:47px 47px;animation:drift 28s linear infinite}@keyframes drift{to{background-position:240px 200px}}.nav{max-width:1380px;margin:auto;padding:23px clamp(16px,4vw,55px);display:flex;align-items:center;justify-content:space-between;gap:15px}.logo{font-weight:950;letter-spacing:.4px;font-size:20px}.logo b{color:var(--yellow)}.logo span{font-size:10px;letter-spacing:1.7px;background:var(--yellow);color:#122052;padding:6px 8px;border-radius:8px;margin-left:6px}.nav nav{display:flex;gap:10px}.nav nav a{background:#ffffff11;padding:11px 16px;border:1px solid #ffffff20;border-radius:13px;font-weight:800;font-size:14px}.nav nav a:hover{background:#ffffff22}.container{max-width:1300px;padding:0 22px 80px;margin:auto}footer{text-align:center;color:#8196c0;font-size:12px;padding:18px;border-top:1px solid #ffffff12}.hero{padding:70px 0 78px;text-align:left;max-width:1050px}.hero.compact{padding:35px 0 40px}.hero p{max-width:750px;color:#becbf1;font-size:18px;margin-bottom:27px}.hero h1 em{font-style:normal;background:linear-gradient(100deg,#ffd264,#ff7aaf 64%,#b2a1ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-head{display:flex;justify-content:space-between;align-items:start;gap:35px}.eyebrow{color:var(--mint);font-size:12px;letter-spacing:2.1px;font-weight:950;text-transform:uppercase}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-actions.center{justify-content:center}.hero-stats{display:flex;gap:25px;flex-wrap:wrap;color:#9badcf;font-size:13px;font-weight:800;margin-top:28px}.btn{border-radius:13px;border:1px solid transparent;padding:14px 19px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900;transition:transform .17s,background .17s;text-align:center}.btn:hover:not(:disabled){transform:translateY(-3px)}.btn.primary{background:linear-gradient(115deg,#ffdc7a,#ffab50);color:#13204c;box-shadow:0 7px 0 #986328,0 13px 27px #0004}.btn.secondary{background:#ffffff12;border-color:#ffffff39;color:white}.btn.ghost{border-color:#ffffff24;background:transparent;color:#bcd0ff}.btn.danger{background:#c23c62;color:white}.btn.small{font-size:13px;padding:10px 13px;border-radius:10px}.btn.tiny{font-size:11px;padding:7px 10px}.btn.big{font-size:18px;padding:17px 28px}.btn.wide{width:100%}.panel{border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#18254cde,#111935ee);padding:clamp(20px,3vw,34px);box-shadow:0 20px 55px #0004;backdrop-filter:blur(9px)}.section-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin:0 0 26px}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters input{width:min(340px,100%)}input,select,textarea{width:100%;background:#081435b7;border:1px solid #ffffff32;border-radius:12px;color:white;padding:14px 15px;outline:0;transition:border .15s}input:focus,textarea:focus,select:focus{border-color:#ffd164;box-shadow:0 0 0 3px #ffd16424}input::placeholder,textarea::placeholder{color:#8797be}select option{background:#111b39;color:white}textarea{resize:vertical}label{display:block;font-size:13px;font-weight:900;color:#d6e2ff;margin:13px 0 8px}label input,label select,label textarea{margin-top:8px}label small{font-weight:400;color:#98add7}.muted{font-size:14px;color:var(--muted)}.tinyText{font-size:12px}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:20px}.game-tile{min-width:0;border:1px solid #ffffff24;background:#121d42;border-radius:23px;overflow:hidden;transition:transform .2s,box-shadow .2s}.game-tile:hover{transform:translateY(-5px);box-shadow:0 24px 50px #0005}.tile-art{height:180px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 55%,#77c6ff88,transparent 48%),linear-gradient(150deg,#273c91,#132455)}.tile-art:after{content:'✦  ✧    ✦  ✦   ✧';position:absolute;inset:auto 0 18px;color:#ffffff45;font-size:20px;word-spacing:20px;text-align:center}.tile-art span{font-size:80px;filter:drop-shadow(0 18px 12px #0004);animation:float 3s ease-in-out infinite}.tile-art small{position:absolute;top:14px;left:14px;font-weight:800;font-size:11px;color:#fff;background:#0006;padding:7px 9px;border-radius:10px}.art-match3{background:radial-gradient(circle,#ed78bd,transparent 55%),#702f83}.art-puzzle{background:radial-gradient(circle,#54ceac,transparent 55%),#1a5660}.art-odd{background:radial-gradient(circle,#ffbd50,transparent 55%),#97512f}.art-quiz{background:radial-gradient(circle,#b4a0ff,transparent 55%),#413074}@keyframes float{50%{transform:translateY(-12px) rotate(-5deg)}}.tile-body{padding:20px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags.centered{justify-content:center}.tags span,.tag{background:#ffffff12;color:#dbe5ff;border:1px solid #ffffff2c;padding:7px 10px;border-radius:9px;font-size:12px;font-weight:800}.tile-body h3{margin:13px 0 7px;min-height:2.8em}.tile-body p{font-size:13px;color:#b6c6ec;min-height:36px;max-height:38px;overflow:hidden}.tile-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.tile-actions .btn{flex:1;min-width:max-content}.notice{border:1px solid #ffffff3a;background:#ffffff12;padding:17px;border-radius:14px;margin:16px 0}.notice.error{border-color:#ff679688;background:#ff679620}.notice.success{border-color:#70f0c588;background:#70f0c520}.notice a{text-decoration:underline}hr{border:0;border-top:1px solid #ffffff27;margin:25px 0}.modal-back{position:fixed;inset:0;z-index:20;background:#04081adc;display:grid;place-items:center;padding:20px}.modal{max-width:540px;width:100%;position:relative;max-height:92vh;overflow:auto}.icon-close{position:absolute;top:15px;right:16px;border:0;background:#ffffff21;color:white;border-radius:10px;width:35px;height:35px}.code-big{font-size:clamp(32px,6vw,62px);font-weight:1000;letter-spacing:.23em;text-align:center;color:var(--yellow);padding:18px;background:#050e2f;border-radius:18px;margin:20px 0}.modal-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.celebrate{font-size:52px;animation:float 2s infinite}.login{max-width:430px;margin:0 auto 70px}.login .btn{margin-top:19px}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.formWide{max-width:900px;margin:auto}.studio-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:25px}.mode-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0 22px}.mode-select{margin:0}.mode-select input{position:absolute;opacity:0;width:0}.mode-select span{display:block;padding:13px;background:#ffffff11;border:2px solid #ffffff21;border-radius:13px}.mode-select input:checked+span{background:#ffd16422;border-color:#ffd164}.mode-select input:focus-visible+span{outline:3px solid #fff}.studio-list{max-height:640px;overflow:auto}.list-game{display:flex;align-items:center;gap:10px;border-bottom:1px solid #ffffff21;padding:13px 0}.list-game>span{font-size:25px}.list-game>div{flex:1;min-width:0}.list-game b,.list-game small{display:block}.list-game b{font-size:13px}.list-game small{font-size:11px;color:#b2c1eb;margin-top:4px}.settingsForm{margin-top:16px}.game-view{max-width:1250px;margin:auto}.game-bar{display:flex;align-items:center;gap:15px;justify-content:space-between;margin:15px 0 19px}.game-title{flex:1}.game-title b,.game-title small{display:block}.game-title small{font-size:12px;color:#abbde9;margin-top:5px}.lobby{text-align:center;max-width:690px;margin:0 auto}.lobby h1{font-size:clamp(30px,5vw,54px)}.lobby p{color:#c2cff0}.lobby-icon{font-size:82px;animation:float 3s infinite}.nameLabel{margin:25px 0 6px}.profileName{max-width:420px;text-align:center;font-weight:850;font-size:18px}.avatar-list{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:19px auto 26px;max-width:470px}.avatar{font-size:26px;width:48px;height:48px;border:2px solid #ffffff36;background:#ffffff17;border-radius:13px;transition:transform .16s}.avatar:hover{transform:translateY(-5px)}.avatar.selected{background:#ffca5328;border-color:var(--yellow);transform:scale(1.1)}.lobby>a{margin:20px auto 0}.waiting{text-align:center;max-width:650px;margin:0 auto}.pulse-emoji{font-size:80px;animation:float 2s infinite}.waiting-players{min-height:60px;margin:22px;color:var(--mint);font-size:22px}.arena-layout{display:grid;grid-template-columns:minmax(0,1fr) 278px;gap:20px;align-items:start}.main-play{position:relative;min-height:650px;overflow:hidden}.game-hud{display:flex;gap:10px;justify-content:space-between}.hud-item{font-weight:900;border:1px solid #ffffff30;background:#ffffff13;border-radius:10px;padding:10px 12px}.hud-item.warning{color:#ff8ca9;animation:blink .6s infinite}@keyframes blink{50%{opacity:.45}}.progress-track{margin:17px 0 20px;height:10px;background:#ffffff17;border-radius:99px;overflow:hidden}.progress-track>div{width:0%;height:100%;background:linear-gradient(90deg,#5ae7cb,#ffcd61);transition:width .25s}.stage-intro{font-weight:950;text-align:center;color:var(--yellow);font-size:17px;margin:17px 0}.mechanic-area{position:relative;text-align:center;max-width:810px;margin:auto}.arena-help{font-size:12px;color:#aebfe4;text-align:center;margin:15px auto;max-width:800px}.odd-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;max-width:575px;margin:20px auto}.odd-cell{aspect-ratio:1;border-radius:14px;background:#ffffff14;border:1px solid #ffffff34;color:white;font-size:clamp(29px,5vw,46px);transition:transform .16s,background .16s}.odd-cell:hover{transform:scale(1.06);background:#ffffff24}.odd-cell.found{background:#70f0c569;transform:scale(1.16)}.odd-cell.shake{animation:shake .32s}@keyframes shake{25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}.memory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:470px;margin:30px auto}.memory-card{height:116px;border-radius:18px;border:1px solid #7f8bc477;color:white;background:linear-gradient(140deg,#415aca,#272c72);font-size:48px;box-shadow:0 8px 0 #101544;transition:transform .2s,background .2s;animation:pop .35s backwards}.memory-card.flipped{background:#ffffff28;transform:rotateY(0deg)}.memory-card.paired{background:#2ba77866;border-color:#70f0c5}.match-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;max-width:455px;margin:15px auto;background:#07153cc7;border:4px solid #ffffff32;padding:10px;border-radius:20px}.match-cell{aspect-ratio:1;border:2px solid #ffffff22;background:#2b3b7e;border-radius:12px;font-size:clamp(25px,4vw,38px);box-shadow:inset 0 -4px 0 #0003;transition:transform .15s}.match-cell.selected{outline:4px solid var(--yellow);transform:scale(.9)}.match-cell.crushed{transform:scale(.65);opacity:.55}.question-area h2{font-size:clamp(21px,3.2vw,33px);line-height:1.35;margin:15px auto 25px;text-align:center;max-width:780px}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.answer-btn{border:2px solid #ffffff35;background:#ffffff12;color:white;padding:18px;text-align:left;border-radius:15px;display:flex;align-items:center;gap:13px;font-weight:800;min-height:78px;transition:transform .15s,background .15s}.answer-btn:hover{transform:translateY(-4px);border-color:var(--yellow);background:#ffffff27}.answer-btn b{background:var(--yellow);color:#0c1b47;min-width:33px;height:33px;border-radius:9px;display:grid;place-items:center}.hint-button{border:0;background:none;color:#ffd264;margin:17px auto;display:block;font-weight:800}.hint-text{margin:8px;padding:12px;background:#ffd26419;border:1px solid #ffd26460;border-radius:12px}.feedback{max-width:690px;margin:40px auto;text-align:center;animation:pop .35s}.feedback-icon{font-size:85px;animation:float 1.4s infinite}.feedback p{font-size:17px;color:#dce5fc;line-height:1.7}.feedback .btn{margin:18px}.shooter-question{font-size:clamp(19px,2.8vw,27px);margin:14px 0}.shooter-answers{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0 15px;text-align:left}.shooter-answers>div{font-size:13px;background:#ffffff14;padding:9px;border-radius:10px}.shooter-answers b{border-radius:5px;padding:3px 6px;color:#0e1b45;background:var(--yellow)}.shooter-canvas{display:block;width:100%;border-radius:16px;border:2px solid #ffffff30;touch-action:manipulation}.shoot-pad{display:none;gap:5px;justify-content:center;margin-top:10px;flex-direction:column;align-items:center}.shoot-pad button{width:54px;height:45px;border:1px solid #ffffff34;border-radius:10px;color:white;background:#ffffff22}.shoot-pad div{display:flex;gap:5px}.particle{z-index:8;position:absolute;font-size:24px;pointer-events:none;animation:blast .9s ease-out forwards}@keyframes blast{to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(230deg)}}@keyframes pop{from{opacity:0;transform:translateY(13px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.leaderboard{position:sticky;top:15px;padding:23px}.leaderboard h3{margin:10px 0 16px}.mini-rank{display:grid;grid-template-columns:30px 25px minmax(0,1fr) auto;gap:7px;align-items:center;padding:11px 7px;border-radius:11px;border-bottom:1px solid #ffffff14;font-size:12px}.mini-rank.mine{background:#ffd1641d;border:1px solid #ffd16465}.mini-rank>div{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:850}.mini-rank small{display:block;color:#9caad2;font-size:10px;margin-top:4px}.mini-rank b{color:#ffd264;font-size:12px}.finished{text-align:center;max-width:730px;margin:auto}.trophy{font-size:100px;animation:float 2s infinite}.final-score{display:flex;flex-direction:column;gap:5px;padding:25px}.final-score strong{font-size:60px;color:var(--yellow)}.final-score span{color:#b7c6e9}#finalBoard{max-width:430px;margin:20px auto}.monitor-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(320px,1.2fr);gap:20px}.monitor-number{display:grid;place-items:center;padding:20px 0 35px;gap:5px}.monitor-number strong{color:var(--yellow);font-size:90px}.monitor-number span{color:#b4c5e7}.indicator{width:13px;height:13px;background:#fff6;border-radius:50%;box-shadow:0 0 18px #fff5}.indicator.live{background:var(--mint);box-shadow:0 0 18px var(--mint)}.indicator.waiting{background:var(--yellow);box-shadow:0 0 18px var(--yellow)}.rank-list{display:grid;gap:4px}.ranking-item{display:flex;align-items:center;gap:10px;padding:13px;border-bottom:1px solid #ffffff24}.ranking-avatar{font-size:28px}.place{min-width:34px}.ranking-name{flex:1;min-width:0}.ranking-name b,.ranking-name small{display:block}.ranking-name small{font-size:11px;color:#b5c5e9;margin-top:5px}.ranking-item strong{color:var(--yellow)}
@media(max-width:1000px){.studio-grid,.arena-layout{grid-template-columns:1fr}.leaderboard{position:static}.monitor-grid{grid-template-columns:1fr}.main-play{min-height:550px}}@media(max-width:700px){.nav{padding:17px 12px}.logo{font-size:16px}.logo span{display:none}.nav nav a{font-size:12px;padding:9px}.container{padding:0 12px 70px}.hero{padding:40px 8px}.hero p{font-size:15px}.panel{border-radius:20px;padding:17px}.formGrid{grid-template-columns:1fr}.mode-picker{grid-template-columns:1fr}.filters{width:100%}.filters input,.filters select{width:100%}.game-grid{grid-template-columns:1fr 1fr;gap:10px}.tile-art{height:125px}.tile-art span{font-size:54px}.tile-body{padding:11px}.tile-body h3{font-size:14px}.tile-body p{font-size:12px}.tile-actions .btn{width:100%;font-size:12px}.hero-head{display:block}.arena-layout{gap:12px}.game-title b{font-size:13px}.game-hud{gap:5px}.hud-item{padding:8px;font-size:13px}.odd-grid{gap:4px}.odd-cell{border-radius:9px;font-size:29px}.memory-card{height:90px}.answer-grid{grid-template-columns:1fr}.answer-btn{min-height:60px;padding:12px}.shoot-pad{display:flex}.shooter-answers{grid-template-columns:1fr 1fr}.shooter-answers>div{font-size:11px}.modal-actions .btn{flex:1}.hero-stats{gap:12px}.code-big{letter-spacing:.13em}.tile-body h3{min-height:2.7em}}@media(max-width:380px){.game-grid{grid-template-columns:1fr}.game-tile{display:grid;grid-template-columns:100px 1fr}.tile-art{height:100%}.tile-art span{font-size:40px}.tile-body h3{min-height:0}.tile-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}