:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#e7edf9;background:#090e1b;--accent:#55c7ea;--panel:#121928;--edge:#29465d;--n:5}*{box-sizing:border-box}body{margin:0;min-width:280px;height:100dvh;overflow:hidden}button,input{font:inherit}button{color:inherit;background:#1a2539;border:1px solid #34465c;border-radius:8px;padding:10px 15px;cursor:pointer;font-weight:700;min-height:42px;touch-action:manipulation}button:hover:not(:disabled){filter:brightness(1.15)}button:focus-visible{outline:3px solid #76d9ff;outline-offset:3px}button:disabled{opacity:.4;cursor:default}button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#274459}h1,h2,h3,p{margin:0}p{line-height:1.6}#game{height:100%;display:flex;flex-direction:column}.game-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:9px 16px;background:#101625;border-bottom:1px solid #263344;min-height:60px}.game-header>button:last-child{margin-left:auto}.logo-small{font-size:19px;color:var(--accent);margin-right:auto}.stat{display:flex;flex-direction:column;gap:3px;min-width:60px;text-align:center}.stat small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#97a5ba}.stat b{font-size:16px}.play-area{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:24px;padding:22px;background-image:var(--scene);background-size:cover;background-position:center;overflow:auto}.game-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;padding:12px;background:#101625;border-top:1px solid #293243;min-height:64px}.game-footer small{color:#aebdd2;font-size:11px}.notice{position:absolute;z-index:3;bottom:78px;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;border-radius:8px;background:#080f20de;font-size:12px;line-height:1.6;color:#fff;padding:7px 14px;pointer-events:none;text-align:center}.notice:empty{display:none}.grid{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));grid-template-rows:repeat(var(--n),minmax(0,1fr));aspect-ratio:1;gap:5px;width:min(70vh,620px,100%)}.cell{min-width:0;min-height:0;padding:0;border:1px solid #3b4660;position:relative;border-radius:5px;display:flex;align-items:center;justify-content:center;aspect-ratio:1;user-select:none;touch-action:none}.cell img{width:90%;height:90%;pointer-events:none}.cell.cursor{outline:1px solid #99aec588;outline-offset:-2px}.cell.selected{outline:3px solid #ffdf71;outline-offset:-3px}.cell.hint,.car.hint{outline:3px solid #fedd55;outline-offset:2px;box-shadow:0 0 18px #ffda4799}.scrim{position:fixed;inset:0;z-index:10;background:#03060ac9;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto;backdrop-filter:blur(4px)}.menu-panel{position:relative;width:440px;max-width:100%;max-height:calc(100dvh - 40px);overflow:auto;text-align:center;padding:30px;border:2px solid var(--edge);border-radius:20px;background:var(--panel);box-shadow:0 0 35px #44bfff19}.menu-icon{display:flex;align-items:center;justify-content:center;width:84px;height:84px;margin:0 auto 16px;font-size:38px;font-weight:900;color:#fff;border-radius:19px;background:linear-gradient(135deg,#2ca0cd,#5e3fea)}.menu-panel h1{font-size:36px;line-height:1.15;font-weight:900;color:var(--accent);margin-bottom:12px;letter-spacing:-.03em}.menu-panel h2{font-size:28px;color:var(--accent);margin:0 0 15px}.menu-panel p{font-size:14px;color:#afbbcc;margin-bottom:20px}.menu-panel .subtitle{font-size:12px;letter-spacing:2px;color:var(--accent)}.menu-panel button{display:block;width:100%;margin-top:10px;min-height:45px}.menu-panel .play-button{margin-top:20px;background:linear-gradient(100deg,#269dc9,#234ee1);border-color:#53a7eb;color:white;min-height:54px}.menu-panel .mode-rush{background:linear-gradient(90deg,#e5a129,#d13431);border-color:#ee9e37}.menu-panel .mode-zen{background:linear-gradient(90deg,#258257,#246660);border-color:#398376}.menu-panel .save-note{margin:20px 0 0;font-size:11px}.zen-check{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:18px;font-size:12px}.level-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-height:45vh;overflow:auto}.level-grid button{font-size:12px;padding:8px 3px;margin:0}.level-grid .current-level{border:2px solid var(--accent)}.store-items{margin-bottom:20px}.menu-panel h3{font-size:17px;margin:22px 0 12px}.muted{color:#b1b9c9;font-size:12px}.word-puzzle{width:min(720px,100%);padding:30px;border:1px solid #3d506a;border-radius:16px;background:#101729ed;box-shadow:0 20px 40px #0004;text-align:center}.word-theme{font-size:20px;font-weight:800;color:#74b5ff;margin-bottom:8px}.word-puzzle>p{font-size:13px}.word-clues{display:flex;gap:20px;justify-content:center;align-items:center;margin:28px 0}.word-clues>div{flex:1;max-width:230px;padding:18px 6px;background:#192e4e;border:1px solid #406da8;border-radius:10px}.word-clues>div:last-child{background:#392d1d;border-color:#9b7748}.word-clues small{display:block;font-size:10px;letter-spacing:1px;color:#a7b8cf;margin-bottom:10px}.word-clues b{font-size:28px;color:#8dbbff}.word-clues>div:last-child b{color:#f1c77d}.word-clues>span{font-weight:700;font-size:13px;color:#98a6b7}.answer-slots{display:flex;gap:8px;justify-content:center;margin:20px 0 12px}.answer-slots span{width:48px;height:54px;border-radius:8px;border:2px solid #ceb46d;background:#1b2334;font-size:26px;font-weight:800;display:flex;align-items:center;justify-content:center}.word-actions{display:flex;gap:12px;justify-content:center;margin:24px 0}.word-actions button{flex:1;max-width:160px}.word-actions [data-action=hint]{background:#b67a24;border-color:#e5a343}.word-actions [data-action=submit]{background:#23844f;border-color:#5ab273}.word-hint{color:#efcd80}.letter-bank{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.letter-bank button{font-size:19px;min-width:45px;background:#263653}.dropdown-puzzle{max-width:620px}.drop-letters{display:flex;gap:8px;justify-content:center;margin:20px 0}.drop-letters button{font-size:30px;width:66px;height:78px;background:linear-gradient(150deg,#288dbc,#3958a8);border:2px solid #64baca}.drop-letters small{display:block;font-size:11px;margin-top:7px;color:#a4d6df}.drop-chain{max-width:420px;margin:0 auto}.drop-chain>div{display:flex;align-items:center;gap:30px;background:#152338;padding:12px;border-bottom:1px solid #2c475a}.drop-chain small{color:#66c4d1}.drop-chain b{letter-spacing:8px;font-size:20px}.step{margin-top:20px;color:#79d5e7;font-weight:700}.doodle-tools{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:8px;background:#fff9e7;border-bottom:1px solid #d4bc76}.doodle-tools button{padding:7px 12px;font-size:12px;color:#303849;background:#fffdf4;border:1px solid #bac0c4;border-radius:9px;min-height:36px}.doodle-tools button:last-child{background:#fff1a5;border-color:#d4a645}.notebook{position:relative;width:min(68vh,570px,95%);color:#3a4652}.notebook>p{margin-bottom:10px;font-family:Georgia,serif;font-style:italic;font-size:14px}.notebook>p>span{float:right}.arrow-grid{width:100%;padding:20px 20px 20px 34px;background:#ffffffec;border:3px solid #84919e;border-radius:2px 10px 18px 2px;gap:0;box-shadow:5px 7px 8px #0002}.arrow-grid .cell{border:1px solid #c6cbd0;background:#f7f9fa55;border-radius:0}.arrow-grid .cell:nth-child(even){background:#eef2f855}.arrow-grid .cell.cursor{outline:2px dashed #3568d7;outline-offset:-5px}.notebook:after{content:'';position:absolute;top:42px;bottom:15px;left:25px;border-left:2px solid #d78483}.notebook-rings{position:absolute;left:-22px;top:60px;bottom:20px;display:flex;flex-direction:column;justify-content:space-around}.notebook-rings i{width:36px;height:13px;border:4px solid #354356;border-radius:50%;transform:rotate(-10deg)}
body[data-game=pixel-picross]{--accent:#f7bc42;--panel:#241b14;--edge:#c58e42;color:#f5d384;font-family:monospace;background:#312116}body[data-game=pixel-picross] .game-header,body[data-game=pixel-picross] .game-footer{background:#231a12e8;border-color:#7d552b}body[data-game=pixel-picross] button{border-color:#98662f;background:#33251b;color:#f4d17e;font-family:monospace}body[data-game=pixel-picross] button[aria-pressed=true],body[data-game=pixel-picross] .play-button{background:#e89c1b;color:#2c1b0c;border-color:#f0d575}body[data-game=pixel-picross] .menu-icon{background:#a96b2d}.picross-board{display:grid;grid-template-columns:38px repeat(var(--n),1fr);grid-template-rows:52px repeat(var(--n),1fr);width:min(60vh,440px,100%);aspect-ratio:1;padding:12px;background:#443020;border:6px solid #986332;border-radius:12px;box-shadow:0 3px 12px #140d0899;gap:1px}.picross-board .clue{display:flex;align-items:center;justify-content:center;background:#241e17;white-space:pre;font-size:12px;font-weight:700;line-height:1.2}.picross-board .cell{background:#fff9e9;border:1px solid #baa98d;border-radius:0;color:#a47841;font-size:25px}.picross-board .cell.filled{background:#9f3538;border-color:#a75e4b}.picross-board .cell.cursor{outline:2px solid #e9ae45;outline-offset:-2px}.col-clue{text-align:center}body[data-game=pixel-picross] .level-grid{grid-template-columns:repeat(2,1fr)}body[data-game=pixel-picross] .level-grid button{min-height:46px}body[data-game=pixel-picross] .menu-panel p{color:#c5b098}
body[data-game=gridlock-out]{--accent:#7de59d;--edge:#4e806a}.parking{position:relative;width:min(68vh,530px,90%);padding:24px;border:4px solid #576674;box-shadow:0 0 0 12px #15243399;background:#263c50;border-radius:14px}.parking-grid{width:100%;gap:0;position:relative}.parking-bay{border:1px solid #718a8188;grid-column:auto;grid-row:auto;position:relative}.parking-bay:before{content:'';position:absolute;inset:10%;border:2px solid #ead894;border-radius:2px;clip-path:polygon(0 0,20% 0,20% 5%,5% 5%,5% 20%,0 20%,0 0,100% 0,100% 20%,95% 20%,95% 5%,80% 5%,80% 0,100% 0,100% 100%,80% 100%,80% 95%,95% 95%,95% 80%,100% 80%,100% 100%,0 100%,0 80%,5% 80%,5% 95%,20% 95%,20% 100%,0 100%)}.exit{position:absolute;color:#73e5a6;font-size:24px;width:100%;left:0;text-align:center;letter-spacing:10px}.exit.top{top:-35px}.exit.bottom{bottom:-35px}.car{position:relative;z-index:1;margin:5px;padding:0;border:0;background:transparent;min-height:0;min-width:0}.car-body{position:absolute;inset:6%;background:linear-gradient(120deg,#f97676,#a72837);border:2px solid #ffc0ae;border-radius:25%;box-shadow:3px 4px 4px #0008,inset -7px -5px 8px #0003;display:flex;align-items:center;justify-content:center;overflow:hidden}.car-1 .car-body{background:linear-gradient(130deg,#b7e34c,#538527);border-color:#d7f3ab}.car-2 .car-body{background:linear-gradient(130deg,#51b5ec,#265c9c);border-color:#b4d7ed}.car-3 .car-body{background:linear-gradient(130deg,#e1b964,#a86528);border-color:#f7dfb0}.car-4 .car-body{background:linear-gradient(130deg,#b197eb,#6f429e);border-color:#d5bfef}.car-5 .car-body{background:linear-gradient(130deg,#59caba,#1b6d64);border-color:#a2e5dc}.windscreen{position:absolute;inset:18%;border-radius:15%;background:linear-gradient(130deg,#212f46,#52616c);border:1px solid #b9cfca}.roof{position:absolute;inset:33% 25%;background:#ffffff3b;border:2px solid #ffffff66;border-radius:4px}.car b{position:relative;z-index:2;font-size:24px;text-shadow:1px 1px 2px #000;color:white}
body[data-game=slate-cuboid]{--accent:#75dce7;--panel:#16252b;--edge:#3d7e87}.play-area:has(#cuboid-canvas){padding:0;background:#f3ba78}#cuboid-canvas{width:100%;height:100%;object-fit:contain}.roll-controls{position:absolute;right:15px;bottom:12px;text-align:center}.roll-controls>button{margin-bottom:5px}.roll-controls button{background:#475451b8;color:#eaf7fb;border:1px solid #a8bbb6;min-width:43px}.roll-controls>div{display:flex;gap:5px}
body[data-game=prism-break]{--accent:#60eeed;--panel:#090c1d;--edge:#df55dc;font-family:monospace;background:#030612}.laser-board{position:relative;width:min(70vh,650px,100%);background:#040713;box-shadow:0 0 30px #5bd7f611;border:2px solid #28455a}.laser-board .grid{width:100%;gap:0}.laser-board .cell{border-radius:0;background:#080d1b;border:1px solid #1d2f46;overflow:hidden}.beams{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 0 4px #b8faff);opacity:.85}.port{display:block;width:65%;height:65%;border:3px solid var(--beam);border-radius:50%;background:#101729}.port.lit{background:var(--beam);box-shadow:0 0 15px var(--beam)}.optic{font-size:30px;color:#ade7f0;z-index:2;display:block;text-shadow:0 0 6px #80cfff}.optic.prism{color:#efd0ff}.optic.combiner{color:#e0fa81}.black-hole{color:#05040e!important;font-size:32px;box-shadow:inset 0 0 10px #8663cb}.laser-board .cell b{font-size:20px}.portrait .laser-board{max-width:450px}
body[data-game=poof]{--accent:#b57eef;--panel:#100b22;--edge:#53417f;color:#d8cfe9}.play-area:has(.poof-grid){gap:20px;background-size:cover}.poof-grid{padding:12px;border:5px solid #51427f;border-radius:18px;background:#160f2c;gap:4px;width:min(70vh,700px,100%)}.poof-grid .cell{background:#1b1534;border-color:#44315e;border-radius:6px;font-family:monospace;font-size:clamp(10px,2.7vh,25px);text-shadow:0 1px 2px black}.poof-grid .cell small{position:absolute;right:2px;top:1px;font-size:5px;color:currentColor;opacity:.6}.letter-p{color:#f05c9d}.letter-o{color:#62f6f6}.letter-f{color:#a0f858}.poof-guide,.poof-tools{width:190px;align-self:stretch;background:#110b20d9;border:1px solid #342149;border-radius:12px;padding:18px;font-size:12px}.poof-guide h3,.poof-tools h3{font-size:13px;letter-spacing:1px;color:#b08ade;margin-bottom:16px}.poof-guide p,.poof-tools p{margin-bottom:12px}.poof-guide h3:nth-of-type(2){margin-top:30px}.poof-tools button{display:block;width:100%;font-size:12px;margin-bottom:16px;background:#27153f;border-color:#65448a}.poof-tools button:first-of-type{background:#e0a021;color:#160c22}.poof-tools button:last-of-type{margin-top:80px}.poof-grid .cell.cursor{outline:0}
body[data-game=orchard-bloom]{--accent:#ffe47a;--panel:#713d18;--edge:#eda332;background:#3b1d09;color:#fff0b5}body[data-game=orchard-bloom] .game-header,body[data-game=orchard-bloom] .game-footer{background:#643510;border-color:#c28843}body[data-game=orchard-bloom] .stat small{color:#dbc494}body[data-game=orchard-bloom] button{background:#7b421a;border-color:#e3ad4e;color:#fff2c8}body[data-game=orchard-bloom] .menu-panel p{color:#fff2c7}body[data-game=orchard-bloom] .menu-panel .play-button{background:#f4b83a;color:#442604;border-color:#ffdd6a}body[data-game=orchard-bloom] .menu-icon{width:auto;background:none}.play-area:has(.fruit-grid){background-size:auto 100%;background-repeat:no-repeat}.fruit-grid{width:min(64vh,530px,100%);gap:3px;padding:10px;background:#f6e1a0;border:5px solid #a26b35;border-radius:22px;box-shadow:inset 0 0 0 4px #fcd279,0 8px 20px #33240c88}.fruit-grid .cell{background:#f7e5ae;border-color:#e8cc88;border-radius:12px;box-shadow:inset 0 2px 4px #fff5}.fruit-grid .cell.cursor{outline:0}.fruit-grid .cell.selected{outline:3px solid #e98b42}
body[data-game=arrow-doodles]{color-scheme:light;--accent:#1c273a;--panel:#fff9e7;--edge:#333c49;color:#303849;background:#fff9e6;font-family:'Comic Sans MS','Chalkboard SE',cursive}body[data-game=arrow-doodles] .game-header,body[data-game=arrow-doodles] .game-footer{background:#fff3c8;border-color:#d4bc76}body[data-game=arrow-doodles] .stat small{color:#606774}body[data-game=arrow-doodles] button{background:#fffdf5;border-color:#aeb4bc;color:#222b3b}body[data-game=arrow-doodles] .menu-panel p{color:#4b5262}body[data-game=arrow-doodles] .menu-panel .play-button{background:#141c2c;color:white;border-color:#141c2c}body[data-game=arrow-doodles] .menu-icon{background:none;color:#4a535e;font-size:70px}body[data-game=arrow-doodles] .scrim{backdrop-filter:none;background:#20232999}body[data-game=arrow-doodles] .menu-panel:before{content:'';position:absolute;top:0;left:36%;width:28%;height:12px;background:#f8df7e;transform:rotate(-3deg)}body[data-game=arrow-doodles] .game-footer small{color:#5d697c}body[data-theme="1"][data-game=arrow-doodles] .play-area{background-color:#d4e7f7;background-blend-mode:multiply}body[data-theme="2"][data-game=arrow-doodles] .play-area{background-color:#f8d7dd;background-blend-mode:multiply}body[data-theme="3"][data-game=arrow-doodles] .play-area{background-color:#3b435b;background-blend-mode:multiply}
body[data-game=exponent-grid]{--accent:#9cccfa;--panel:#111725;--edge:#304e71}.exponent-grid{gap:12px;padding:16px;background:#101828;border:4px solid #22364a;border-radius:22px;width:min(70vh,610px,100%);box-shadow:0 8px 20px #04061099}.number-tile{font-size:clamp(20px,5vh,42px);font-weight:900;color:white;text-shadow:0 2px 2px #0009;border:2px solid #ffffff75;border-radius:12px;box-shadow:inset 3px 3px 5px #fff7,inset -4px -4px 9px #0004,3px 4px 3px #0008;background:linear-gradient(135deg,#fff4,transparent 55%),var(--tile)}.power-1{--tile:#3975da}.power-2{--tile:#359a74}.power-3{--tile:#e39722}.power-4{--tile:#e46c29}.power-5{--tile:#ce4245}.power-6{--tile:#c94c94}.power-7{--tile:#7259ce}.power-8{--tile:#2e99b3}.power-9{--tile:#29998e}.power-10{--tile:#9a4ee4}.power-11{--tile:#d5ab2d}.number-tile:before{content:'';position:absolute;inset:0;background:linear-gradient(145deg,#fff2 0%,#fff2 40%,transparent 41%);pointer-events:none}.number-tile.selected{outline:3px solid #ffea84;box-shadow:0 0 20px #efd07877}
@media(max-width:1050px){.poof-guide{display:none}.poof-tools{width:155px;padding:12px}.poof-grid{width:min(70vh,600px,100%)}}@media(max-width:650px){.game-header{padding:7px;gap:7px;min-height:60px}.game-header button{font-size:10px;padding:6px 9px;min-height:32px}.game-header .stat{min-width:42px}.game-header .stat small{font-size:8px}.game-header .stat b{font-size:12px}.game-header .logo-small{font-size:13px}.game-header>button:last-child{margin-left:0}.game-header>button[data-action=help]{margin-left:auto}.play-area{padding:16px 10px;gap:8px}.game-footer{padding:8px 6px;gap:6px;min-height:55px}.game-footer button{padding:8px 9px;font-size:11px;min-height:38px}.game-footer small{font-size:9px;flex-basis:100%;text-align:center}.menu-panel{padding:24px 20px;border-radius:16px}.menu-panel h1{font-size:30px}.menu-panel p{font-size:12px}.menu-panel .menu-icon{width:64px;height:64px;font-size:30px}.scrim{padding:12px}.word-puzzle{padding:20px 12px}.word-clues{gap:8px;margin:20px 0}.word-clues b{font-size:21px}.word-clues>span{font-size:10px}.word-clues>div{padding:14px 4px}.word-actions{gap:6px;margin:18px 0}.word-actions button{font-size:11px;padding:9px 6px}.letter-bank{gap:6px}.letter-bank button{min-width:38px;padding:8px;font-size:17px}.answer-slots{gap:5px}.answer-slots span{width:38px;height:45px;font-size:23px}.drop-letters{gap:5px}.drop-letters button{width:42px;height:58px;padding:6px;font-size:23px}.drop-chain b{letter-spacing:6px;font-size:17px}.picross-board{width:min(52vh,100%);padding:7px;border-width:4px;grid-template-columns:32px repeat(var(--n),1fr);grid-template-rows:40px repeat(var(--n),1fr)}.picross-board .clue{font-size:10px}.parking{padding:12px}.car{margin:3px}.car b{font-size:18px}.exit{font-size:18px}.exit.top{top:-25px}.exit.bottom{bottom:-25px}.doodle-tools{gap:4px;padding:5px}.doodle-tools button{font-size:10px;padding:6px;min-height:30px}.notebook{width:min(70vh,90%)}.notebook>p{font-size:10px}.arrow-grid{padding:12px 12px 12px 22px}.notebook:after{left:18px;top:32px;bottom:12px}.notebook-rings{left:-14px;top:50px}.notebook-rings i{width:25px;height:9px;border-width:3px}.exponent-grid{gap:7px;padding:10px;border-radius:15px}.number-tile{font-size:clamp(18px,7vw,34px);border-radius:9px}.poof-tools{position:absolute;bottom:8px;left:0;right:0;width:auto;padding:5px;display:flex;gap:6px;justify-content:center;background:#110b20ee}.poof-tools h3,.poof-tools p{display:none}.poof-tools button{width:auto;min-height:32px;margin:0!important;font-size:9px;padding:5px}.poof-grid{gap:2px;padding:5px;border-width:3px;border-radius:9px;width:100%;margin-bottom:40px}.poof-grid .cell{font-size:clamp(9px,3vw,15px);border-radius:3px}.poof-grid .cell small{font-size:3px}.laser-board .optic{font-size:20px}.laser-board .port{border-width:2px}.laser-board .cell b{font-size:13px}.fruit-grid{gap:2px;padding:6px;border-width:4px;border-radius:15px}.fruit-grid .cell{border-radius:7px}.roll-controls{right:8px;bottom:8px}.roll-controls button{min-width:37px;min-height:37px;padding:5px}.notice{font-size:10px;bottom:75px;padding:5px 8px}.level-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;animation:none!important;transition:none!important}}

body[data-game=pixel-picross] .play-area{image-rendering:pixelated}body[data-game=prism-break] .play-area{background-image:none;background:#030612}