:root{font-family:"Segoe UI",Arial,sans-serif;color:#222a38;background:#fafbfc;font-synthesis:none;--surface:#fff;--text:#222a38;--muted:#727b89;--line:#e7eaf0;--tile:#edf0f4;--blue:#4263eb;--hover:#f0f3f8;--correct:#48a477;--present:#e5b647;--absent:#7c8798;color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}button:not(:disabled):active{transform:scale(.97)}a{color:inherit}.app{max-width:760px;margin:auto;padding:0 28px}header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:26px;font-weight:750;letter-spacing:-1px}.brand img{width:36px;height:36px}.brand>span{display:flex;align-items:center;gap:10px}.edition{font-size:11px;letter-spacing:.3px;font-weight:600;color:var(--blue);background:#edf0ff;padding:5px 8px;border-radius:5px}nav{display:flex;gap:8px}.icon-button{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:8px;color:var(--muted);font-size:21px;font-weight:500}.icon-button:hover{background:var(--hover);color:var(--text)}#help{font-size:17px;border:1.5px solid var(--line);border-radius:50%;width:25px;height:25px;margin:4px}.bars{gap:3px;align-items:flex-end;padding:8px}.bars span{width:4px;background:currentColor;border-radius:1px;height:10px}.bars span:nth-child(2){height:18px}.bars span:nth-child(3){height:14px}main{max-width:528px;margin:auto}.intro{text-align:center;padding:30px 0 26px}.mode{display:inline-flex;align-items:center;gap:6px;font-size:9px;letter-spacing:1.8px;font-weight:700;color:var(--muted)}.mode>span{width:5px;height:5px;border-radius:50%;background:var(--correct)}h1{font-size:24px;line-height:1.3;letter-spacing:-.7px;margin:11px 0 7px;font-weight:650}.intro p{font-size:13px;color:var(--muted);margin:0}.board-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:10px;font-weight:650;letter-spacing:1.2px;color:var(--muted)}.text-button{background:transparent;color:var(--muted);font-size:11px;letter-spacing:0;padding:5px 0}.text-button:hover{color:var(--blue)}.board{display:grid;gap:7px}.row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.tile{aspect-ratio:1;border-radius:9px;background:var(--tile);border:1.5px solid transparent;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.row.current .tile{background:var(--surface);border-color:#dce1e9}.row.current .tile.next{border-color:#a7b7f7}.tile img{width:88%;height:88%;object-fit:contain}.tile.correct,.correct{background:var(--correct)}.tile.present,.present{background:var(--present)}.tile.absent,.absent{background:var(--absent)}.tile .mark{position:absolute;bottom:1px;right:4px;color:#fff;font-size:10px;font-weight:700}.message{min-height:40px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted);text-align:center}.message.win{color:var(--correct);font-weight:600}.choices{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:380px;margin:2px auto 17px}.choice{background:transparent;display:flex;flex-direction:column;align-items:center;padding:9px 5px 7px;border-radius:12px;transition:background .15s,transform .15s}.choice:hover{background:var(--hover);transform:translateY(-2px)}.choice:disabled{opacity:.45}.choice img{width:64px;max-width:100%;height:auto}.choice-label{font-size:13px;font-style:italic;font-weight:650;margin-top:7px}.choice kbd{margin-top:5px;font-size:9px;color:var(--muted);background:none;border:0}.actions{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;max-width:380px;margin:auto}.actions button,.modal-action{height:46px;border-radius:8px;font-size:12px;font-weight:650;display:flex;align-items:center;justify-content:center;gap:15px;transition:background .15s,transform .15s}.secondary{background:#e9edf3}.secondary:disabled{opacity:.5}.primary,.modal-action{background:var(--blue);color:#fff}.primary:not(:disabled):hover,.modal-action:hover{background:#3554d6}.primary:disabled{background:#dfe5f4;color:#8a97b7}.actions button span{font-size:17px;font-weight:400}.legend{display:flex;justify-content:center;gap:20px;font-size:10px;color:var(--muted);margin-top:25px}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:8px;height:8px;border-radius:2px}.keyboard-hint{text-align:center;color:var(--muted);font-size:10px;margin:17px 0 30px}kbd{font-family:inherit;font-size:9px;padding:2px 4px;border:1px solid var(--line);border-radius:3px;background:var(--surface)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:20px 0;font-size:10px;color:var(--muted)}footer a{text-decoration:none}footer a:hover{text-decoration:underline}dialog{background:var(--surface);color:var(--text);width:410px;max-width:calc(100vw - 32px);padding:32px;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 80px #11182726}dialog::backdrop{background:#18213465;backdrop-filter:blur(3px)}.close{position:absolute;right:12px;top:12px}dialog h2{font-size:24px;letter-spacing:-.6px;margin:4px 0 12px}dialog p{font-size:13px;line-height:1.7;color:var(--muted)}.rules{font-size:13px;line-height:1.7;padding-left:19px}.rules li{margin:10px 0}.modal-action{width:100%;margin-top:22px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;margin:26px -10px}.stat-grid strong{font-size:25px;display:block}.stat-grid span{font-size:10px;color:var(--muted)}.distribution{display:grid;gap:6px}.distribution>div{display:flex;align-items:center;gap:9px;font-size:11px}.distribution i{font-style:normal;min-width:23px;background:var(--correct);color:white;border-radius:3px;padding:4px 7px;text-align:right}.answer{display:flex;gap:4px;margin-top:16px}.answer img{width:calc((100% - 28px)/8);height:auto}.dialog-tag{font-size:10px;letter-spacing:1.5px;color:var(--blue);font-weight:700}.share{margin-top:10px;background:var(--hover);color:var(--text)}
[data-theme=dark]{color-scheme:dark;--surface:#222631;--text:#ecedf3;--muted:#a0a8b9;--line:#343b4a;--tile:#2d3340;--hover:#303746;background:#1b1f28;color:var(--text)}[data-theme=dark] .edition{background:#2b355b;color:#afbdff}[data-theme=dark] .row.current .tile{border-color:#434c60}[data-theme=dark] .row.current .tile.next{border-color:#93a8ff}[data-theme=dark] .secondary{background:#343d4f}[data-theme=dark] .primary:disabled{background:#303a52;color:#7f8baa}
@media(min-width:700px) and (min-height:850px){.intro{padding-top:42px;padding-bottom:32px}main{max-width:552px}.board{gap:8px}.row{gap:8px}.message{min-height:47px}.choices{margin-bottom:22px}.choice img{width:70px}}
@media(max-width:600px){.app{padding:0 18px}header{height:72px}.brand{font-size:23px}.brand img{width:30px;height:30px}.brand>span{gap:7px}nav{gap:3px}.edition{font-size:9px;padding:4px 6px}.intro{padding:27px 0 23px}h1{font-size:21px}.intro p{font-size:12px}.row,.board{gap:5px}.tile{border-radius:6px}.choices{gap:4px;margin-top:1px;margin-bottom:14px}.choice img{width:60px}.choice-label{font-size:12px}.legend{gap:13px;font-size:9px;margin-top:22px}.keyboard-hint{display:none}footer{margin-top:30px;font-size:9px}.actions{max-width:100%}.actions button{height:47px}.tile .mark{font-size:8px;right:2px}}
@media(prefers-reduced-motion:no-preference){.tile.filled img{animation:pop .16s ease-out}.tile.reveal{animation:reveal .35s ease-out both;animation-delay:calc(var(--i)*45ms)}dialog[open]{animation:appear .18s ease-out}@keyframes pop{from{transform:scale(.65)}to{transform:scale(1)}}@keyframes reveal{from{transform:rotateX(75deg);opacity:.3}to{transform:rotateX(0);opacity:1}}@keyframes appear{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}}
/* Easter egg layers: effects 10, controls 11; native dialogs stay above both. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.mlg-controls[hidden]{display:none}.mlg-controls{position:fixed;z-index:11;bottom:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100vw - 20px);padding:9px 12px;background:#181c26;color:#c9ff45;border:2px solid #c9ff45;border-radius:8px;box-shadow:4px 4px 0 #ed48b0;font:700 11px/1.4 "Segoe UI",Arial,sans-serif;white-space:nowrap}.mlg-controls button{background:#303746;color:#fff;border-radius:4px;padding:7px;font-size:10px}.mlg-controls button:hover{background:#49536a}.mlg-mode{padding-bottom:70px}.mlg-mode .edition{background:#c9ff45;color:#192412}.mlg-mode .board{outline:3px solid #c9ff45;outline-offset:7px;border-radius:9px;box-shadow:10px 10px 0 4px #ed48b030}.mlg-effects{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:10}.mlg-headline{position:absolute;top:12%;left:50%;transform:translateX(-50%) rotate(-5deg);width:max-content;max-width:90vw;text-align:center;font:1000 clamp(20px,5vw,64px)/1.1 Impact,"Arial Black",sans-serif;color:#c9ff45;-webkit-text-stroke:1px #172014;text-shadow:3px 4px 0 #181c26;padding:8px}.mlg-sticker{position:absolute;margin:0;width:clamp(100px,15vw,190px);padding:7px;background:#181c26;border:3px solid #ed48b0;box-shadow:5px 5px 0 #c9ff45;transform:rotate(var(--tilt,-9deg))}.mlg-sticker img{display:block;width:100%;height:clamp(90px,16vw,180px);object-fit:cover}.mlg-sticker figcaption{text-align:center;color:#fff;font:900 clamp(11px,1.3vw,17px)/1.2 Impact,"Arial Black",sans-serif;margin-top:7px}.mlg-slot-0{left:3%;top:28%}.mlg-slot-1{right:3%;top:48%;--tilt:12deg}.mlg-slot-2{left:5%;bottom:8%;--tilt:5deg}.mlg-gamer:after{content:'▀▀▀▀ ▀▀▀▀';position:absolute;top:38%;left:17%;font:bold clamp(12px,2.5vw,28px)/1 monospace;color:#151820;text-shadow:1px 1px #fff}.mlg-gamer img{object-fit:contain;background:#c9ff45}
@media(max-width:900px){.mlg-sticker{width:95px;padding:4px;opacity:.92}.mlg-sticker img{height:80px}.mlg-slot-0{left:1%;top:2%}.mlg-slot-1{right:1%;top:2%}.mlg-slot-2{left:1%;bottom:80px}.mlg-headline{top:auto;bottom:140px;font-size:25px}.mlg-gamer:after{font-size:12px}.mlg-sticker figcaption{font-size:10px}}
@media(prefers-reduced-motion:no-preference){.mlg-sticker{animation:mlg-entrance .5s cubic-bezier(.16,1,.3,1) both}.mlg-headline{animation:mlg-title .3s ease-out both}@keyframes mlg-entrance{from{transform:translateY(90px) rotate(-25deg) scale(.4);opacity:0}to{transform:translateY(0) rotate(var(--tilt,-9deg)) scale(1);opacity:1}}@keyframes mlg-title{from{transform:translateX(-50%) rotate(-5deg) scale(.4);opacity:0}to{transform:translateX(-50%) rotate(-5deg) scale(1);opacity:1}}}