:root{
  color-scheme:dark;
  --bg:#090b10;--bg-soft:#0e1118;--surface:#121720;--surface-2:#171d28;--surface-3:#202735;
  --line:rgba(255,255,255,.10);--line-strong:rgba(255,255,255,.18);--text:#f7f8fb;--muted:#aeb6c5;
  --yellow:#f4c24d;--teal:#45cdbb;--purple:#9676ea;--red:#ff7185;--green:#54cf90;--blue:#69a8ff;
  --shadow:0 22px 70px rgba(0,0,0,.34);--radius:24px;--header:rgba(9,11,16,.83);
  --focus:#ffd76f;--stage:#121720;--tile:#1c2330;--button:#202735;--button-hover:#293244;
}
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#f4f6fa;--bg-soft:#eef1f6;--surface:#ffffff;--surface-2:#f7f8fb;--surface-3:#e8ecf3;
  --line:rgba(20,28,42,.12);--line-strong:rgba(20,28,42,.22);--text:#111722;--muted:#5f6979;
  --shadow:0 18px 50px rgba(37,46,63,.13);--header:rgba(244,246,250,.88);--focus:#915e00;
  --stage:#ffffff;--tile:#f0f3f8;--button:#e9edf4;--button-hover:#dde3ed;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:
  radial-gradient(circle at 12% -10%,color-mix(in srgb,var(--teal) 12%,transparent),transparent 31%),
  radial-gradient(circle at 92% 0,color-mix(in srgb,var(--purple) 10%,transparent),transparent 26%),var(--bg);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;transition:background .2s ease,color .2s ease}
button,input,select{font:inherit}.wrap{width:min(calc(100% - 32px),1280px);margin-inline:auto}.skip{position:fixed;z-index:100;left:14px;top:10px;transform:translateY(-160%);padding:10px 14px;border-radius:10px;background:var(--yellow);color:#231900;font-weight:850}.skip:focus{transform:none}
.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:var(--header);backdrop-filter:blur(18px) saturate(135%)}.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-weight:900;letter-spacing:-.035em}.brand-icon{width:38px;height:38px;padding:8px;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:3px;border-radius:12px;background:linear-gradient(145deg,#f9d56c,#e89c1b);box-shadow:0 10px 30px rgba(245,195,77,.18)}.brand-icon i{display:block;border-radius:99px;background:#231900}.brand-icon i:nth-child(1){height:45%}.brand-icon i:nth-child(2){height:100%}.brand-icon i:nth-child(3){height:70%}.header-actions{display:flex;align-items:center;gap:10px}.header-link{color:var(--muted);text-decoration:none;font-size:.9rem;font-weight:760}.header-link:hover{color:var(--text)}
.theme-toggle{min-height:44px;display:inline-flex;align-items:center;gap:9px;padding:0 13px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);font-size:.84rem;font-weight:800;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.08)}.theme-toggle:hover{background:var(--surface-2);border-color:var(--line-strong)}.theme-toggle.compact{width:44px;padding:0;justify-content:center}.theme-symbol{position:relative;width:20px;height:20px;display:block}.sun,.moon{position:absolute;inset:0;display:block;transition:opacity .16s ease,transform .16s ease}.sun{border:2px solid currentColor;border-radius:50%;transform:scale(.65)}.sun:before,.sun:after{content:"";position:absolute;left:50%;top:50%;width:2px;height:24px;background:currentColor;transform:translate(-50%,-50%)}.sun:after{transform:translate(-50%,-50%) rotate(90deg)}.moon{border:2px solid currentColor;border-radius:50%;transform:translateX(4px) scale(.85);box-shadow:-5px 0 0 0 var(--surface)}:root[data-theme="dark"] .sun{opacity:1}:root[data-theme="dark"] .moon{opacity:0}:root[data-theme="light"] .sun{opacity:0}:root[data-theme="light"] .moon{opacity:1;box-shadow:-5px 0 0 0 var(--surface)}
.view{display:none}.view.active{display:block;animation:view-in .2s ease}@keyframes view-in{from{opacity:0;transform:translateY(4px)}}.home-shell{display:grid;grid-template-columns:200px minmax(0,1fr);gap:34px;padding:42px 0 86px}.filters{position:sticky;top:104px;align-self:start}.filters-title{margin:0 0 12px;color:var(--muted);font-size:.74rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.filter-list{display:grid;gap:6px}.filter{min-height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted);font-weight:760;cursor:pointer;text-align:left}.filter span{min-width:25px;padding:2px 7px;border-radius:999px;background:var(--surface-3);color:var(--muted);font-size:.72rem;text-align:center}.filter:hover{background:var(--surface);color:var(--text)}.filter.active{border-color:var(--line);background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.filter.active span{background:var(--yellow);color:#2a1c00}
.library-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.library-head h1{margin:0;font-size:clamp(2.2rem,4vw,3.5rem);letter-spacing:-.06em}.library-head p{margin:5px 0 0;color:var(--muted);font-size:.9rem}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{position:relative;overflow:hidden;min-width:0;padding:0;border:1px solid var(--line);border-radius:26px;background:var(--surface);color:var(--text);text-align:left;box-shadow:var(--shadow);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.card[hidden]{display:none}.card:hover{transform:translateY(-5px);border-color:var(--line-strong);box-shadow:0 30px 80px rgba(0,0,0,.25)}.card:active{transform:translateY(-2px)}.status{position:absolute;right:15px;top:15px;z-index:3;padding:7px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(13,17,24,.78);color:#fff;font-size:.72rem;font-weight:900;backdrop-filter:blur(10px)}.status.completed{background:rgba(32,116,76,.88)}.cover{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1.35/1;overflow:hidden}.cover:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(0,0,0,.18));pointer-events:none}.card:nth-child(4n+1) .cover{background:linear-gradient(145deg,#f6ca57,#b97813)}.card:nth-child(4n+2) .cover{background:linear-gradient(145deg,#b9a5fa,#6949bd)}.card:nth-child(4n+3) .cover{background:linear-gradient(145deg,#79e0d3,#18879a)}.card:nth-child(4n+4) .cover{background:linear-gradient(145deg,#7fb1ff,#315cad)}.medallion{position:relative;z-index:1;width:58%;max-width:164px;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(10,14,21,.88);box-shadow:0 20px 42px rgba(0,0,0,.28),inset 0 0 0 12px rgba(255,255,255,.025)}.art{position:relative;display:grid;place-items:center}.card-info{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px}.card-info>span{display:grid;gap:4px}.card-info strong{font-size:1.08rem;letter-spacing:-.025em}.card-info small{color:var(--muted);font-size:.78rem}.card-info>b{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:1rem}.card:hover .card-info>b{color:var(--text);border-color:var(--line-strong)}
.hourglass{width:72px;height:92px}.hourglass>i{position:absolute;left:5%;right:5%;height:12%;border-radius:99px;background:linear-gradient(180deg,#fff6c7,#e8a520)}.hourglass>i:first-child{top:0}.hourglass>i:last-child{bottom:0}.hourglass>b{width:58%;height:72%;clip-path:polygon(5% 0,95% 0,62% 48%,95% 100%,5% 100%,38% 48%);background:linear-gradient(180deg,#fff9dc 0 30%,#dba325 30% 49%,#f2c451 49% 70%,#fff9dc 70%);border:2px solid rgba(255,255,255,.65)}.mini-grid{width:82px;height:82px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mini-grid i{display:block;width:100%;height:100%;border-radius:7px;background:#eee9ff}.mini-grid i:nth-child(8){background:#ff78a4;transform:rotate(12deg)}.pulse-line{width:88px;height:70px;display:flex;align-items:center;justify-content:center;gap:6px}.pulse-line i{display:block;width:8px;border-radius:99px;background:#aafff3}.pulse-line i:nth-child(1){height:20%}.pulse-line i:nth-child(2){height:55%}.pulse-line i:nth-child(3){height:100%}.pulse-line i:nth-child(4){height:50%}.pulse-line i:nth-child(5){height:25%}.letter-tiles{display:flex;gap:5px;transform:rotate(-4deg)}.letter-tiles i{width:34px;height:42px;display:grid;place-items:center;border-radius:8px;background:#f8fbff;color:#24416b;font-style:normal;font-weight:950;box-shadow:0 7px 13px rgba(0,0,0,.22)}.sum-art{display:flex;align-items:center;gap:8px;color:#fff}.sum-art i{font-style:normal;font-size:1.55rem;font-weight:950}.sum-art i:nth-child(2){color:#ffd76f}.sequence-art{display:flex;align-items:end;gap:8px}.sequence-art i{display:block;width:18px;border-radius:6px;background:#dcd4ff}.sequence-art i:nth-child(1){height:24px}.sequence-art i:nth-child(2){height:38px}.sequence-art i:nth-child(3){height:54px}.sequence-art b{font-size:2.3rem;color:#ffd76f}.code-art{display:grid;grid-template-columns:repeat(2,28px);gap:10px}.code-art i{width:28px;height:28px;border-radius:50%}.code-art i:nth-child(1){background:#ff7185}.code-art i:nth-child(2){background:#f4c24d}.code-art i:nth-child(3){background:#45cdbb}.code-art i:nth-child(4){background:#9676ea}.maze-art{width:88px;height:88px;border:8px solid #dce6ff;border-right-color:transparent;border-radius:18px;transform:rotate(45deg)}.maze-art i{position:absolute;left:21px;top:21px;width:32px;height:32px;border-left:8px solid #6fa7ff;border-bottom:8px solid #6fa7ff}.pin-art{width:58px;height:72px;border-radius:50% 50% 50% 0;background:#6fa7ff;transform:rotate(-45deg)}.pin-art i{position:absolute;inset:17px;border-radius:50%;background:#eaf2ff}.trivia-art{font-size:4.2rem;font-weight:950;color:#fff}.reaction-art{width:74px;height:74px;border-radius:50%;background:#ff7185;box-shadow:0 0 0 12px rgba(255,113,133,.12),inset 0 -8px 0 rgba(0,0,0,.14)}.lights-art{width:78px;height:78px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.lights-art i{display:block;width:100%;height:100%;border-radius:6px;background:#334053}.lights-art i:nth-child(2),.lights-art i:nth-child(5),.lights-art i:nth-child(7){background:#f4c24d;box-shadow:0 0 14px rgba(244,194,77,.55)}.magnitude-art{display:flex;align-items:center;gap:12px;font-size:3rem;font-weight:950}.magnitude-art i{font-style:normal;color:#65dc9a}.magnitude-art b{color:#ff7185}
.game-wrap{padding:34px 0 78px}.gamebar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.gamebar-right{display:flex;align-items:center;gap:12px}.back,.actions button,.dialog-actions button,.choice,.number-tile,.palette button,.maze-control,.quiz-option{min-height:44px;border:1px solid var(--line);border-radius:13px;background:var(--button);color:var(--text);font-weight:820;cursor:pointer}.back{padding:0 15px}.back:hover,.actions button:hover,.dialog-actions button:hover,.choice:hover,.number-tile:hover,.palette button:hover,.maze-control:hover,.quiz-option:hover{background:var(--button-hover);border-color:var(--line-strong)}.streak{color:var(--muted);font-size:.85rem}.game-head{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.game-emblem{width:74px;height:74px;display:grid;place-items:center;border-radius:21px;color:#211800;font-size:38px;font-weight:950}.game-head h1{margin:0;font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.05em}.game-head p{margin:5px 0 0;color:var(--muted);line-height:1.5}.daily-no{color:var(--muted);font-weight:850}.metrics{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0}.metrics span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.78rem;font-weight:780}#stage{min-height:260px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--stage);box-shadow:var(--shadow)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.actions button{padding:0 16px}.actions .primary,.dialog-actions #copy{background:var(--yellow);color:#211800;border-color:transparent}.hint{min-height:24px;margin:12px 3px 0;color:var(--muted);line-height:1.55}
.timeline{display:grid;gap:10px}.event{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;min-height:68px;padding:11px 12px;border:1px solid var(--line);border-radius:15px;background:var(--tile);cursor:grab;transition:transform .15s ease,border-color .15s ease,opacity .15s ease}.event.dragging{opacity:.36;transform:scale(.98)}.event.drop-before{box-shadow:0 -4px 0 var(--yellow)}.event.drop-after{box-shadow:0 4px 0 var(--yellow)}.event.correct{border-color:color-mix(in srgb,var(--green) 70%,transparent);background:color-mix(in srgb,var(--green) 12%,var(--tile))}.event.wrong{border-color:color-mix(in srgb,var(--red) 70%,transparent);background:color-mix(in srgb,var(--red) 10%,var(--tile))}.handle{color:var(--muted);font-size:20px}.event small{color:var(--muted)}.event-controls{display:flex;gap:5px}.event-controls button{width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:var(--button);color:var(--text);cursor:pointer}.event-controls button:disabled{opacity:.3;cursor:not-allowed}
.odd-grid{display:grid;gap:8px;max-width:560px;margin:auto}.odd-tile{aspect-ratio:1;border:1px solid var(--line);border-radius:14px;background:var(--tile);color:var(--purple);cursor:pointer;display:grid;place-items:center;transition:transform .12s ease,background .12s ease,border-color .12s ease}.odd-tile:hover{transform:scale(1.035);border-color:var(--line-strong)}.odd-tile svg{width:64%;height:64%}.odd-tile.bad{background:color-mix(in srgb,var(--red) 18%,var(--tile));border-color:var(--red)}.odd-tile.good{background:color-mix(in srgb,var(--green) 18%,var(--tile));border-color:var(--green)}
.pulse-board{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:540px;margin:auto}.pad{min-height:145px;border:0;border-radius:24px;cursor:pointer;opacity:.82;transition:transform .12s ease,filter .12s ease}.pad:nth-child(1){background:#f4c24d}.pad:nth-child(2){background:#45cdbb}.pad:nth-child(3){background:#9676ea}.pad:nth-child(4){background:#ff7185}.pad.active{opacity:1;transform:scale(.96);filter:brightness(1.28);box-shadow:0 0 0 5px var(--text)}.pad:disabled{cursor:default}.progress{display:flex;justify-content:center;gap:7px;margin-top:14px}.progress i{width:8px;height:8px;border-radius:50%;background:var(--surface-3)}.progress i.done{background:var(--green)}
.question-shell{max-width:760px;margin:auto}.question-title{margin:0 0 18px;font-size:clamp(1.35rem,3vw,2rem);line-height:1.25}.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.choice,.quiz-option{padding:14px;text-align:left}.choice.correct,.quiz-option.correct{border-color:var(--green);background:color-mix(in srgb,var(--green) 16%,var(--button))}.choice.wrong,.quiz-option.wrong{border-color:var(--red);background:color-mix(in srgb,var(--red) 14%,var(--button))}.word-path{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0 22px}.word-chip{padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:var(--tile);font-weight:900;letter-spacing:.08em}.word-chip.current{border-color:var(--yellow)}
.sum-board{max-width:650px;margin:auto}.target-box{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:16px}.target-box strong{font-size:2.4rem}.target-box span{color:var(--muted)}.number-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.number-tile{min-height:74px;font-size:1.35rem}.number-tile.selected{background:var(--yellow);color:#211800;border-color:transparent}.sum-total{margin-top:14px;color:var(--muted);font-weight:800}
.sequence-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:22px 0}.sequence-token{min-width:58px;height:58px;display:grid;place-items:center;border:1px solid var(--line);border-radius:15px;background:var(--tile);font-size:1.25rem;font-weight:950}.sequence-token.question{color:var(--yellow);font-size:1.8rem}
.code-board{max-width:650px;margin:auto}.guess-history{display:grid;gap:8px;margin-bottom:16px}.guess-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--tile)}.guess-dots,.current-guess{display:flex;gap:8px}.code-dot{width:34px;height:34px;border-radius:50%;border:2px solid var(--line-strong);background:var(--surface-3)}.feedback{display:flex;gap:5px}.feedback i{width:10px;height:10px;border-radius:50%;background:var(--surface-3)}.feedback .exact{background:var(--green)}.feedback .near{background:var(--yellow)}.palette{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.palette button{width:48px;height:48px;padding:0;border-radius:50%}.palette button[data-color="0"],.code-dot.c0{background:#ff7185}.palette button[data-color="1"],.code-dot.c1{background:#f4c24d}.palette button[data-color="2"],.code-dot.c2{background:#45cdbb}.palette button[data-color="3"],.code-dot.c3{background:#9676ea}.palette button[data-color="4"],.code-dot.c4{background:#69a8ff}.palette button[data-color="5"],.code-dot.c5{background:#54cf90}
.maze-wrap{display:grid;gap:16px;justify-items:center}.maze-grid{--n:11;display:grid;grid-template-columns:repeat(var(--n),minmax(13px,28px));border:3px solid var(--text);background:var(--text)}.maze-cell{position:relative;aspect-ratio:1;background:var(--stage)}.maze-cell.player:after{content:"";position:absolute;inset:20%;border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 28%,transparent)}.maze-cell.goal:before{content:"★";position:absolute;inset:0;display:grid;place-items:center;color:var(--yellow);font-size:1.1rem}.maze-cell.wall-t{border-top:3px solid var(--text)}.maze-cell.wall-r{border-right:3px solid var(--text)}.maze-cell.wall-b{border-bottom:3px solid var(--text)}.maze-cell.wall-l{border-left:3px solid var(--text)}.maze-controls{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px);gap:7px}.maze-control{padding:0}.maze-control.up{grid-column:2}.maze-control.left{grid-column:1;grid-row:2}.maze-control.down{grid-column:2;grid-row:2}.maze-control.right{grid-column:3;grid-row:2}
.reaction-zone{min-height:330px;display:grid;place-items:center;border:1px solid var(--line);border-radius:22px;background:var(--tile);cursor:pointer;user-select:none}.reaction-zone.waiting{background:color-mix(in srgb,var(--red) 14%,var(--tile))}.reaction-zone.ready{background:color-mix(in srgb,var(--green) 35%,var(--tile))}.reaction-zone strong{font-size:clamp(2rem,6vw,4.5rem);letter-spacing:-.05em}.reaction-results{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:14px}.reaction-results span{padding:8px 10px;border-radius:999px;background:var(--surface-3);color:var(--muted);font-size:.8rem}
.lights-board{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:520px;margin:auto}.light-cell{aspect-ratio:1;border:1px solid var(--line);border-radius:12px;background:var(--tile);cursor:pointer}.light-cell.on{background:var(--yellow);border-color:#ffe188;box-shadow:0 0 20px rgba(244,194,77,.38)}
.magnitude-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}.magnitude-card{min-height:150px;display:grid;place-items:center;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--tile);font-size:clamp(1.5rem,4vw,2.8rem);font-weight:950;text-align:center}.magnitude-vs{color:var(--muted);font-weight:900}.magnitude-actions{display:flex;justify-content:center;gap:10px;margin-top:16px}.magnitude-actions button{min-width:150px}
dialog{width:min(calc(100% - 28px),550px);border:1px solid var(--line);border-radius:28px;background:var(--surface);color:var(--text);padding:28px;box-shadow:0 30px 100px rgba(0,0,0,.5)}dialog::backdrop{background:rgba(4,7,12,.72);backdrop-filter:blur(8px)}dialog .close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:var(--muted);font-size:30px;cursor:pointer}dialog p{color:var(--muted);margin:0}dialog h2{font-size:2rem;margin:8px 0}.score{display:block;font-size:4rem;color:var(--yellow);letter-spacing:-.06em}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.result-stats span{padding:12px;border:1px solid var(--line);border-radius:13px;text-align:center}.result-stats b{display:block;font-size:1.12rem}.result-stats small{color:var(--muted)}pre{padding:14px;border-radius:13px;background:var(--bg-soft);white-space:pre-wrap;color:var(--muted)}.dialog-actions{display:flex;gap:9px;flex-wrap:wrap}.dialog-actions button{padding:0 14px}.toast{position:fixed;left:50%;bottom:22px;z-index:80;transform:translate(-50%,20px);opacity:0;padding:11px 15px;border:1px solid var(--line);border-radius:12px;background:var(--surface-3);color:var(--text);transition:.18s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}footer{border-top:1px solid var(--line)}.footer{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:.82rem}.footer nav{display:flex;gap:15px}.footer a{color:var(--muted);text-decoration:none}.footer a:hover{color:var(--text);text-decoration:underline}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media(max-width:1050px){.home-shell{grid-template-columns:1fr}.filters{position:static}.filters-title{display:none}.filter-list{display:flex;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.filter{flex:0 0 auto}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.wrap{width:min(calc(100% - 20px),1280px)}.header-link{display:none}.theme-toggle:not(.compact) span[data-theme-label]{display:none}.home-shell{padding-top:25px}.library-head{align-items:flex-start;flex-direction:column}.cards{grid-template-columns:1fr}.card{max-width:420px}.game-head{grid-template-columns:auto 1fr}.daily-no{grid-column:1/-1}.game-emblem{width:60px;height:60px;font-size:31px}.choices{grid-template-columns:1fr}.magnitude-pair{grid-template-columns:1fr}.magnitude-vs{display:none}.actions,.dialog-actions{flex-direction:column}.actions button,.dialog-actions button{width:100%}.result-stats{grid-template-columns:1fr}.event{grid-template-columns:22px 1fr}.event-controls{grid-column:2}.pulse-board .pad{min-height:105px}.footer{align-items:flex-start;flex-direction:column;justify-content:center}.maze-grid{grid-template-columns:repeat(var(--n),minmax(10px,24px))}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.legal-main{padding:52px 0 90px}.legal-card{max-width:820px;padding:clamp(24px,5vw,54px);border:1px solid var(--line);border-radius:28px;background:var(--surface);box-shadow:var(--shadow)}.legal-card h1{margin:0 0 12px;font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.06em}.legal-card h2{margin:34px 0 8px;font-size:1.25rem}.legal-card p,.legal-card li{color:var(--muted);line-height:1.75}.legal-card a{color:var(--text)}.error-page{min-height:calc(100vh - 150px);display:grid;place-items:center;padding:40px 0}.error-card{text-align:center;max-width:620px;padding:50px;border:1px solid var(--line);border-radius:30px;background:var(--surface);box-shadow:var(--shadow)}.error-code{display:block;color:var(--yellow);font-size:clamp(4rem,12vw,8rem);font-weight:950;letter-spacing:-.08em}.error-card h1{margin:0;font-size:2rem}.error-card p{color:var(--muted);line-height:1.6}.error-card a{display:inline-flex;align-items:center;min-height:46px;margin-top:14px;padding:0 18px;border-radius:14px;background:var(--yellow);color:#211800;text-decoration:none;font-weight:900}

/* Read4Max Games v3 platform */
html,body{max-width:100%;overflow-x:hidden}.desktop-only{display:inline}.icon-button{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 13px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);font-weight:800;cursor:pointer}.icon-button:hover{background:var(--surface-2);border-color:var(--line-strong)}
.search-box{position:relative;width:min(31vw,330px);min-width:190px;height:44px;display:flex;align-items:center;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 8px 24px rgba(0,0,0,.06)}.search-box:focus-within{border-color:var(--line-strong);outline:3px solid color-mix(in srgb,var(--focus) 28%,transparent);outline-offset:1px}.search-icon{flex:0 0 auto;width:16px;height:16px;margin-left:14px;border:2px solid var(--muted);border-radius:50%}.search-icon:after{content:"";position:absolute;width:7px;height:2px;margin:12px 0 0 11px;border-radius:2px;background:var(--muted);transform:rotate(45deg)}.search-box input{width:100%;height:100%;padding:0 36px 0 10px;border:0;outline:0;background:transparent;color:var(--text);font-size:.9rem}.search-box input::placeholder{color:var(--muted)}#clear-search{position:absolute;right:5px;width:34px;height:34px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:22px;cursor:pointer}#clear-search:hover{background:var(--surface-3);color:var(--text)}
.filters{display:grid;gap:18px}.filter-scroll{display:grid;gap:6px}.difficulty-filter{display:grid;gap:8px;color:var(--muted);font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.difficulty-filter select{min-height:44px;padding:0 34px 0 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font-weight:760;text-transform:none;letter-spacing:0}.filter{justify-content:center;min-height:44px}.filter.active{color:var(--text)}
.card-info{min-height:120px;align-items:flex-start}.card-info>span{min-width:0}.card-info em{display:block;margin-top:5px;color:var(--muted);font-size:.82rem;font-style:normal;line-height:1.38}.card-community{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 18px 14px;color:var(--muted);font-size:.75rem;font-weight:760}.card-community [data-rating]{color:color-mix(in srgb,var(--yellow) 82%,var(--text))}.card-community [data-difficulty]{padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2)}.no-results{padding:55px 20px;border:1px dashed var(--line-strong);border-radius:22px;text-align:center;color:var(--muted)}.no-results strong{display:block;margin-bottom:7px;color:var(--text);font-size:1.2rem}
.cluster-art{grid-template-columns:1fr 1fr;gap:7px;width:90px}.cluster-art i{display:block;width:39px;height:39px;border-radius:11px;background:#cdbbff}.cluster-art i:nth-child(2){background:#ffe07b}.cluster-art i:nth-child(3){background:#72e0cf}.cluster-art i:nth-child(4){background:#ff91a2}.domino-art{display:grid;grid-template-columns:1fr 1fr;width:94px;height:50px;overflow:hidden;border:4px solid #fff5c3;border-radius:15px;background:#f8e6a4;box-shadow:0 14px 24px rgba(0,0,0,.2)}.domino-art:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;background:#4c3b14;transform:translateX(-50%)}.domino-art i,.domino-art b{position:relative}.domino-art i:before,.domino-art i:after,.domino-art b:before,.domino-art b:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#4c3b14}.domino-art i:before{left:9px;top:9px}.domino-art i:after{right:9px;bottom:9px}.domino-art b:before{right:9px;top:9px}.domino-art b:after{left:9px;bottom:9px}.sudoku-art{grid-template-columns:1fr 1fr;gap:4px;width:88px}.sudoku-art i{display:grid;place-items:center;width:42px;height:42px;border:2px solid rgba(255,255,255,.7);border-radius:8px;color:#fff;font-size:1.25rem;font-style:normal;font-weight:950;background:rgba(105,168,255,.3)}
.community-panel{margin-top:22px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.community-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.community-heading h2{margin:0;font-size:1.35rem}.community-heading p{margin:5px 0 0;color:var(--muted);font-size:.88rem}.public-rating{white-space:nowrap;color:color-mix(in srgb,var(--yellow) 86%,var(--text));font-weight:900}.vote-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.vote-grid>div{padding:16px;border:1px solid var(--line);border-radius:17px;background:var(--surface-2)}.vote-grid strong{display:block;margin-bottom:10px}.vote-grid small{display:block;margin-top:9px;color:var(--muted)}.star-vote,.difficulty-vote{display:flex;gap:6px;flex-wrap:wrap}.star-vote button{width:43px;height:43px;padding:0;border:1px solid var(--line);border-radius:11px;background:var(--button);color:var(--muted);font-size:1.45rem}.star-vote button.selected,.star-vote button:hover:not(:disabled){color:var(--yellow);background:color-mix(in srgb,var(--yellow) 14%,var(--button))}.difficulty-vote button{min-height:43px;padding:0 13px}.difficulty-vote button.selected{border-color:var(--yellow);background:color-mix(in srgb,var(--yellow) 14%,var(--button));color:var(--text)}.star-vote button:disabled,.difficulty-vote button:disabled{cursor:not-allowed;opacity:.45}.next-nav{display:flex;gap:10px;margin-top:14px}.next-nav button{min-height:48px;padding:0 16px;border:1px solid var(--line);border-radius:14px;background:var(--button);color:var(--text);font-weight:850;cursor:pointer}.next-nav button:first-child{flex:1;text-align:left}.next-nav button:hover{background:var(--button-hover)}
.account-dialog label{display:grid;gap:8px;margin-top:18px;color:var(--text);font-weight:800}.account-dialog input{min-height:48px;padding:0 13px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2);color:var(--text)}.dialog-copy{line-height:1.6}.form-error{min-height:22px;margin-top:7px!important;color:var(--red)!important;font-size:.84rem}.leaderboard-dialog{width:min(calc(100% - 28px),690px)}.leaderboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.leaderboard-head h2{margin:4px 0 0}.leaderboard-head button{min-height:42px;padding:0 12px}.player-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:17px 0;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2)}.player-summary span{color:var(--muted);font-size:.85rem}.leaderboard-list{max-height:480px;overflow:auto;margin:0;padding:0;list-style:none}.leaderboard-list li{display:grid;grid-template-columns:42px 1fr auto;gap:5px 11px;align-items:center;padding:12px 8px;border-bottom:1px solid var(--line)}.leaderboard-list .rank{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--surface-3);font-weight:900}.leaderboard-list small{grid-column:2/4;color:var(--muted)}.leaderboard-list .current-player{border-radius:12px;background:color-mix(in srgb,var(--yellow) 10%,var(--surface))}.leaderboard-note{margin-top:14px!important;font-size:.78rem}
/* Cluster Four */.cluster-shell{display:grid;gap:14px}.cluster-solved{display:grid;gap:8px}.cluster-group{display:grid;gap:4px;padding:15px;border-radius:15px;background:color-mix(in srgb,var(--purple) 20%,var(--tile));text-align:center}.cluster-group strong{font-size:.85rem;letter-spacing:.08em}.cluster-group span{color:var(--muted);font-size:.84rem}.cluster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.cluster-word{min-height:72px;padding:8px;border:1px solid var(--line);border-radius:13px;background:var(--tile);color:var(--text);font-size:.8rem;font-weight:900;word-break:break-word}.cluster-word.selected{border-color:var(--yellow);background:color-mix(in srgb,var(--yellow) 20%,var(--tile));transform:translateY(-2px)}
/* Domino Logic */.domino-shell{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:22px;align-items:start}.domino-board{display:grid;gap:8px;max-width:650px}.domino-col-targets,.domino-row{display:grid;grid-template-columns:48px repeat(2,1fr);gap:8px}.domino-col-targets{grid-template-columns:48px repeat(4,1fr)}.domino-col-targets b,.domino-row-target{display:grid;place-items:center;min-height:42px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--muted)}.domino-col-targets b.target-good,.domino-row-target.target-good{border-color:var(--green);color:var(--green);background:color-mix(in srgb,var(--green) 10%,var(--surface-2))}.domino-slot,.domino-piece{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;padding:0;border:2px solid var(--line);border-radius:15px;background:#f7e9b5;min-height:88px;color:#34280a}.domino-slot.selected,.domino-piece.selected{border-color:var(--yellow);box-shadow:0 0 0 3px color-mix(in srgb,var(--yellow) 22%,transparent)}.domino-tray{display:grid;grid-template-columns:1fr 1fr;gap:9px}.domino-piece{min-height:70px}.domino-piece:disabled{opacity:.28}.pip-face{position:relative;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);place-items:center;border-right:2px solid #6b581d}.pip-face:last-child{border-right:0}.pip-face i{width:9px;height:9px;border-radius:50%;background:#34280a}.pips-1 i{grid-column:1/3;grid-row:2}.pips-2 i:first-child{grid-column:1;grid-row:1}.pips-2 i:last-child{grid-column:2;grid-row:3}.pips-3 i:nth-child(1){grid-column:1;grid-row:1}.pips-3 i:nth-child(2){grid-column:1/3;grid-row:2}.pips-3 i:nth-child(3){grid-column:2;grid-row:3}.pips-4 i:nth-child(1){grid-column:1;grid-row:1}.pips-4 i:nth-child(2){grid-column:2;grid-row:1}.pips-4 i:nth-child(3){grid-column:1;grid-row:3}.pips-4 i:nth-child(4){grid-column:2;grid-row:3}.pips-5 i:nth-child(1){grid-column:1;grid-row:1}.pips-5 i:nth-child(2){grid-column:2;grid-row:1}.pips-5 i:nth-child(3){grid-column:1/3;grid-row:2}.pips-5 i:nth-child(4){grid-column:1;grid-row:3}.pips-5 i:nth-child(5){grid-column:2;grid-row:3}.pips-6 i:nth-child(1),.pips-6 i:nth-child(2){grid-row:1}.pips-6 i:nth-child(3),.pips-6 i:nth-child(4){grid-row:2}.pips-6 i:nth-child(5),.pips-6 i:nth-child(6){grid-row:3}.empty-domino{grid-column:1/3;display:grid;place-items:center;color:#85733a;font-weight:850}
/* Six Sudoku */.sudoku-shell{display:grid;grid-template-columns:minmax(300px,520px) 150px;gap:22px;justify-content:center;align-items:start}.sudoku-grid{display:grid;grid-template-columns:repeat(6,1fr);border:3px solid var(--text);background:var(--text);gap:1px}.sudoku-cell{aspect-ratio:1;padding:0;border:0;border-radius:0;background:var(--stage);color:var(--text);font-size:clamp(1rem,3vw,1.55rem);font-weight:900}.sudoku-cell:nth-child(3n){border-right:3px solid var(--text)}.sudoku-cell:nth-child(6n){border-right:0}.sudoku-cell:nth-child(n+7):nth-child(-n+12),.sudoku-cell:nth-child(n+19):nth-child(-n+24){border-bottom:3px solid var(--text)}.sudoku-cell.fixed{background:var(--surface-3);color:var(--muted)}.sudoku-cell.selected{box-shadow:inset 0 0 0 4px var(--yellow)}.sudoku-cell.wrong{background:color-mix(in srgb,var(--red) 22%,var(--stage));color:var(--red)}.sudoku-pad{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sudoku-pad button{min-height:54px}.sudoku-pad button:last-child{grid-column:1/3}
@media(max-width:1050px){.filter-scroll{display:flex;max-width:100%;overflow-x:auto;overflow-y:hidden;gap:7px;padding:2px 2px 7px;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.filter-scroll::-webkit-scrollbar{display:none}.filter{flex:0 0 auto;white-space:nowrap;padding:0 14px}.filters{position:sticky;top:72px;z-index:34;margin-inline:-16px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--header);backdrop-filter:blur(16px)}.difficulty-filter{grid-template-columns:auto 155px;align-items:center;justify-content:end}.home-shell{gap:22px}.domino-shell{grid-template-columns:1fr}.domino-tray{grid-template-columns:repeat(4,1fr)} }
@media(max-width:780px){.header-inner{align-items:center}.brand>span:last-child{display:none}.brand-icon{width:42px;height:42px}.header-actions{min-width:0;flex:1;justify-content:flex-end}.search-box{flex:1;width:auto;min-width:0;max-width:330px}.desktop-only{display:none}.icon-button{width:44px;padding:0;justify-content:center}.theme-toggle{width:44px;padding:0;justify-content:center}.theme-toggle [data-theme-label]{display:none}.home-shell{padding-top:14px}.filters{top:71px}.difficulty-filter{grid-template-columns:1fr}.difficulty-filter select{width:100%}.card-info{min-height:116px}.card-community{align-items:flex-start;flex-direction:column;gap:5px}.community-heading,.player-summary{align-items:flex-start;flex-direction:column}.vote-grid{grid-template-columns:1fr}.next-nav{flex-direction:column}.next-nav button:first-child{text-align:center}.cluster-grid{grid-template-columns:repeat(2,1fr)}.cluster-word{min-height:64px}.domino-col-targets,.domino-row{grid-template-columns:40px repeat(2,1fr)}.domino-col-targets{grid-template-columns:40px repeat(4,1fr)}.domino-tray{grid-template-columns:repeat(2,1fr)}.sudoku-shell{grid-template-columns:1fr}.sudoku-pad{grid-template-columns:repeat(7,1fr)}.sudoku-pad button:last-child{grid-column:auto}.leaderboard-list li{grid-template-columns:38px 1fr}.leaderboard-list li>span:nth-of-type(2){grid-column:2}.leaderboard-list small{grid-column:2}.search-box input{font-size:16px}}
@media(max-width:460px){.header-actions{gap:6px}.search-box{max-width:none}.leaderboard-button{display:inline-flex}.filters{margin-inline:-10px;padding-inline:10px}.library-head{gap:5px}.domino-slot{min-height:72px}.sudoku-pad{grid-template-columns:repeat(4,1fr)}.sudoku-pad button:last-child{grid-column:3/5}}

.legal-wrap{padding:52px 0 90px}.legal-back{display:inline-flex;align-items:center;min-height:46px;margin-top:14px;padding:0 18px;border-radius:14px;background:var(--yellow);color:#211800!important;text-decoration:none;font-weight:900}.not-found-card{text-align:center;max-width:620px;margin-inline:auto}.next-nav button:disabled{opacity:.55;cursor:not-allowed}.header-actions .search-box{min-width:0}