@import url('data:text/css,');
:root{font-family:system-ui,-apple-system,sans-serif;color:#f6f2ff;background:#151027;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 10%,#48226888,transparent 50%),radial-gradient(ellipse at 0 85%,#244d4988,transparent 50%);min-height:100vh}header{max-width:1050px;margin:auto;padding:24px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:950;letter-spacing:1px;color:inherit;text-decoration:none}main{max-width:920px;margin:18px auto;padding:0 24px;min-height:72vh}h1{font-size:clamp(42px,8vw,78px);line-height:1.02;letter-spacing:-3px;margin:16px 0 24px;font-weight:950}h2{font-size:clamp(27px,5vw,43px);letter-spacing:-1px;margin:12px 0}p{color:#bdb2d4;line-height:1.6}.eyebrow{color:#d8ff70;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:2px}.accent{color:#d8ff70}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center}.mascot{font-size:95px;margin-bottom:14px;filter:drop-shadow(0 14px 24px #8d50fc44)}.card{background:#241d38;border:1px solid #ffffff17;border-radius:26px;padding:28px;box-shadow:0 14px 45px #0002}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{background:#ffffff09;padding:8px 12px;border-radius:30px;font-size:12px;color:#ddd0f8}label{display:block;font-size:13px;font-weight:700;margin:18px 0 8px}input,select{width:100%;border:1px solid #ffffff27;background:#151027;color:#fff;padding:16px;border-radius:12px;font:inherit;min-height:52px}input:focus,select:focus,button:focus-visible{outline:3px solid #b68bff;outline-offset:3px}button{border:0;border-radius:14px;padding:17px 22px;min-height:52px;font:inherit;font-weight:800;cursor:pointer;background:#d8ff70;color:#1b1723;touch-action:manipulation;transition:transform .12s,background .12s}button:active{transform:scale(.98)}button:disabled{opacity:.45;cursor:default}.full{width:100%;margin-top:16px}.secondary{background:#403150;color:#f6efff}.small{font-size:12px;min-height:42px;padding:10px 14px;background:#ffffff0b;color:#daceed}.tabs{display:flex;gap:8px}.tabs button{flex:1;background:#151027;color:#bdb2d4}.tabs .selected{background:#b68bff;color:#21132f}.divider{height:1px;background:#ffffff12;margin:22px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}.mini{padding:20px;background:#ffffff06;border:1px solid #ffffff10;border-radius:18px}.mini b{display:block;margin:10px 0}.mini p{font-size:13px;margin:0}.center{text-align:center}.room{font-size:48px;letter-spacing:8px;font-weight:900;color:#d8ff70}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #ffffff12}.row:last-child{border:0}.row.mine{color:#d8ff70}.dot{width:7px;height:7px;border-radius:50%;background:#d8ff70;display:inline-block;margin-right:7px}.offline{background:#6b5e80}.points{font-size:22px;font-weight:850;white-space:nowrap}.sub{font-size:12px;color:#b8abcd}.topline{display:flex;justify-content:space-between;align-items:center;margin:15px 0}.timer{font-variant-numeric:tabular-nums;font-size:26px;font-weight:900;color:#ff9c85}.arena{max-width:630px;margin:0 auto}.tap{width:100%;min-height:240px;font-size:40px;margin:20px 0;background:#fe987e}.tap.go{background:#d8ff70;animation:pulse .5s infinite alternate}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0}.options button{background:#49345e;color:#fff;min-height:88px;font-size:18px}.options button:hover{background:#654581}.emojis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.emojis button{font-size:32px;background:#49345e}.sequence{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;min-height:70px;align-items:center;font-size:38px;letter-spacing:6px;margin:20px 0}.help{font-size:13px}.big{font-size:80px}.rule{background:#ffffff07;border-radius:16px;padding:18px;line-height:1.6;color:#d6cae9}.notice{background:#ff987e18;color:#ffc4af;border-radius:12px;padding:12px;margin-bottom:14px;font-size:13px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#fee3d9;color:#3b1b19;border-radius:14px;padding:14px 20px;z-index:10;max-width:90vw;display:none}footer{text-align:center;color:#776888;font-size:12px;padding:30px 20px}details{margin-top:24px;color:#bdb2d4;font-size:13px;line-height:1.7}summary{cursor:pointer;font-weight:700}@keyframes pulse{to{box-shadow:0 0 35px #d8ff7040}}@media(max-width:650px){header{padding:18px}main{padding:0 18px;margin-top:8px}.hero{grid-template-columns:1fr;gap:24px}h1{font-size:52px}.mascot{font-size:60px}.card{padding:22px}.grid{grid-template-columns:1fr;margin-top:24px}.mini{display:none}.room{font-size:38px}.tap{min-height:230px}.sequence{font-size:32px}.options button{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.team-card{padding:16px;background:#b68bff15;border:1px solid #b68bff40;border-radius:15px}.team-card:nth-child(2){background:#d8ff7012;border-color:#d8ff7040}.colour-word{font-size:64px!important;letter-spacing:0}.ink-0{color:#ff6868}.ink-1{color:#73bdff}.ink-2{color:#80ec8f}.ink-3{color:#c191ff}.celebration{font-size:38px;letter-spacing:12px;animation:celebrate 1.2s ease-in-out 3}.trophy{animation:celebrate 1.2s ease-in-out 3}@keyframes celebrate{50%{transform:translateY(-12px) rotate(5deg)}}#profileForm{text-align:left}.team-card .sub{margin-top:5px}

.library-hero{padding:15px 0 30px}.library-hero h1{font-size:clamp(42px,7vw,68px)}.game-library{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.game-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;color:#fff;background:#241d38;border:1px solid #ffffff20;padding:24px;min-height:290px;transition:transform .15s,border-color .15s}.game-card:hover{transform:translateY(-5px);border-color:#d8ff70}.game-card:first-child{background:linear-gradient(135deg,#473068,#241d38);border-color:#b68bff}.game-card h2{font-size:25px;letter-spacing:-.6px}.game-card p{font-weight:400;font-size:14px;margin:8px 0 20px}.game-art{font-size:58px;margin-bottom:18px}.game-cta{margin-top:auto;color:#d8ff70;font-size:13px}.library-back{margin-bottom:20px}.frog-grid,.odd-grid,.number-grid{display:grid;gap:10px;margin:22px 0}.frog-grid{grid-template-columns:repeat(3,1fr)}.frog-grid button{min-height:85px;font-size:35px;background:#403150;color:white}.odd-grid,.number-grid{grid-template-columns:repeat(4,1fr)}.odd-grid button{font-size:32px;padding:10px;background:#403150;min-height:70px}.number-grid button{font-size:26px;background:#403150;color:#d8ff70}.sorted-trail{min-height:38px;line-height:1.8;color:#d8ff70}.scrambled{letter-spacing:4px!important;overflow-wrap:anywhere;font-size:clamp(25px,6vw,44px)!important}@media(max-width:800px){.game-library{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.game-library{grid-template-columns:1fr}.game-card{min-height:220px}.game-art{font-size:48px}.odd-grid button{font-size:26px;padding:8px;min-height:58px}}

header{flex-wrap:wrap;gap:12px}.language-label{font-size:13px;margin-left:auto}.language-label select{width:auto;display:inline-block;padding:8px;margin:0 0 0 6px}@media(max-width:480px){.language-label{margin-left:0}header .brand{width:100%}}

.odd-grid{grid-template-columns:repeat(var(--odd-columns,6),minmax(0,1fr));gap:5px}.odd-grid button{min-width:0;min-height:48px;padding:5px;font-size:25px;border-radius:9px}.odd-grid svg{width:100%;max-width:48px;height:48px;display:block;margin:auto}@media(max-width:480px){.odd-grid button{font-size:22px;min-height:42px;padding:2px}.odd-grid svg{height:40px}}