:root{color-scheme:dark;--ink:#f5ead5;--muted:#adb6b4;--gold:#efc58c;--gold-dark:#ad7d48;--night:#101a22;--panel:#17242e;--line:#344147;--paper:#f2eadc;--paper-ink:#29343a;--serif:Georgia,'Times New Roman',serif;--mono:'Cascadia Mono',Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--ink);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:1rem;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default}button,dialog{color:inherit}svg{flex-shrink:0}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button:hover,a:hover{color:var(--gold)}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;padding:10px 18px;background:var(--gold);color:var(--night)}.skip-link:focus{top:16px}
.site-header{max-width:1600px;margin:auto;display:flex;gap:2rem;align-items:center;padding:24px 4%;border-bottom:1px solid #ffffff0c}.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:1.3rem;white-space:nowrap}.brand-mark{font-family:var(--mono);color:var(--gold);font-size:2.4rem;line-height:1}.main-nav{display:flex;justify-content:center;gap:26px;margin-left:auto;font-family:var(--mono);font-size:.9rem}.read-link{display:flex;align-items:center;gap:9px;border:1px solid var(--gold-dark);padding:9px 14px;font-size:.875rem;white-space:nowrap;border-radius:3px}.read-link svg{width:17px;height:17px}
main{max-width:1536px;margin:0 auto}.explore-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 4% 16px}.eyebrow{font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;font-size:.75rem;color:var(--gold);margin:0 0 7px}.room-heading h1{font-family:var(--serif);font-weight:normal;font-size:1.75rem;line-height:1.25;margin:0}.room-tabs{display:flex;gap:5px;background:#09131b80;border:1px solid #ffffff0d;padding:5px;border-radius:6px}.room-tab{display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--muted);padding:9px 12px;border-radius:3px;font-size:.875rem;white-space:nowrap}.room-tab svg{width:17px;height:17px}.room-tab[aria-current=true]{background:#26323c;color:var(--gold)}
.stage{position:relative;width:100%;height:min(69vw,calc(100svh - 255px));min-height:370px;max-height:850px;overflow:hidden;background:#101a22;isolation:isolate}.world{position:absolute;width:1536px;height:1024px;transform-origin:0 0;transition:left .55s ease,top .55s ease,width .55s ease,height .55s ease}.house-art{display:block;width:100%;height:100%;user-select:none}.world:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 35px 20px #101a2240;pointer-events:none}#character-layer,#object-layer{position:absolute;inset:0}.character{position:absolute;border:0;background:none;padding:0;transform:translate(-50%,-100%);z-index:3;transition:left .7s ease,top .7s ease;line-height:0}.character img{width:100%;height:auto;display:block;pointer-events:none;image-rendering:pixelated;filter:drop-shadow(2px 4px 3px #0005)}.character:hover img,.character:focus-visible img{filter:drop-shadow(0 0 4px #ffe0a6)}.character .object-tooltip{bottom:100%;line-height:1.5}.character.is-petted img{animation:happy .7s ease 2}.character.is-cuddling img{animation:snuggle 1.8s ease 2}.character.is-playing img{animation:fetch 2.8s steps(8) 1}.extra-character{position:absolute;transform:translate(-50%,-100%);pointer-events:none;z-index:2}.extra-character img{width:100%;image-rendering:pixelated}
.hotspot{position:absolute;transform:translate(-50%,-50%);width:40px;height:40px;display:grid;place-items:center;border:1px solid #f5dca280;background:#1c252cdc;color:#f9d7a5;border-radius:50%;box-shadow:0 3px 15px #0004;z-index:4;transition:background .2s,box-shadow .2s}.hotspot svg{width:19px;height:19px}.hotspot:hover,.hotspot:focus-visible{background:var(--gold);color:#1c252c;box-shadow:0 0 22px #ffc96850}.object-tooltip{position:absolute;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%);background:#101a22f5;color:var(--ink);border:1px solid #a9855640;padding:6px 12px;border-radius:4px;font-size:.875rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;box-shadow:0 4px 12px #0005}.hotspot:hover .object-tooltip,.hotspot:focus-visible .object-tooltip,.character:hover .object-tooltip,.character:focus-visible .object-tooltip{opacity:1}.scene-caption{position:absolute;left:4%;bottom:14px;display:flex;align-items:center;gap:9px;font-size:.875rem;color:#ddddd3;pointer-events:none;background:#101a22da;padding:8px 12px;border-radius:4px;max-width:calc(100% - 135px)}.scene-caption svg{color:var(--gold);width:17px;height:17px}.map-button{position:absolute;right:4%;bottom:14px;display:flex;align-items:center;gap:8px;background:#101a22ed;border:1px solid #ba925b70;border-radius:4px;padding:8px 15px;color:var(--gold);font-size:.875rem;z-index:5}.play-toy{position:absolute;left:64%;top:66%;font-size:25px;z-index:3;display:none;pointer-events:none}.play-toy.is-tossed{display:block;animation:toss 2.8s ease 1}
.room-shelf{display:flex;gap:20px;align-items:center;padding:13px 4% 20px;border-top:1px solid #ffffff0b}.shelf-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;color:var(--muted);white-space:nowrap}.object-list{display:flex;flex-wrap:wrap;gap:7px}.object-chip{display:flex;align-items:center;gap:7px;border:1px solid #ffffff12;background:#16232b;padding:7px 11px;border-radius:4px;font-size:.875rem;color:#e2dccc;min-height:40px}.object-chip svg{width:16px;height:16px;color:#d3ac76}.object-chip:hover{border-color:var(--gold-dark)}.site-footer{max-width:1536px;margin:auto;padding:18px 4%;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff0b;color:var(--muted);font-size:.8125rem}.site-footer a{color:var(--gold)}
dialog{border:1px solid #746344;max-width:min(720px,calc(100% - 32px));width:720px;max-height:calc(100svh - 48px);padding:0;border-radius:8px;background:var(--paper);color:var(--paper-ink);box-shadow:0 25px 100px #0008}dialog::backdrop{background:#071016bb;backdrop-filter:blur(5px)}.panel-frame{padding:32px 36px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}.panel-heading .eyebrow{color:#855b2d;font-size:.75rem}.panel-heading h2{font-family:var(--serif);font-weight:normal;font-size:2.2rem;line-height:1.15;margin:0}.icon-button{display:grid;place-items:center;min-width:40px;min-height:40px;padding:9px;border:1px solid #b9ac98;background:transparent;color:var(--paper-ink);border-radius:50%}.panel-body p{margin:0 0 18px;font-size:1.0625rem;line-height:1.8}.panel-body h3{font-family:var(--serif);font-size:1.45rem;font-weight:normal;line-height:1.3;margin:26px 0 12px}.panel-body .quiet{color:#646d6d;font-size:.9375rem}.detail-tags{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0}.detail-tags span,.tag{border:1px solid #c7bba6;padding:5px 10px;border-radius:3px;font-family:var(--mono);font-size:.75rem;color:#695d4c}.photos{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.photos img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:5px;background:#e3d8c3}.panel-actions{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #977955;background:#283c42;color:var(--paper);border-radius:4px;padding:10px 16px;min-height:44px;font-size:.9375rem}.action-button.secondary{background:transparent;color:#394d50;border-color:#afaa97}.action-button:hover{background:#36535a;color:#fff}.action-button.secondary:hover{background:#e3dacb;color:#283c42}.project-card{padding:20px 0;border-top:1px solid #c7bba6}.project-card h3{margin:0 0 9px}.project-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:15px}.project-status{font-family:var(--mono);font-size:.75rem;color:#785832;text-transform:uppercase;letter-spacing:.05em}.card-list{display:grid;gap:10px}.story-card{border:1px solid #c8bda9;border-radius:5px;background:#eae1d2;color:#263a40;display:flex;align-items:center;gap:13px;text-align:left;padding:18px;font-size:1rem;min-height:68px}.story-card:hover{color:#6f461d;border-color:#99733f}.story-card small{display:block;color:#647071;font-size:.875rem}.story-card svg{width:25px;height:25px;color:#876535}.map-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.map-card{padding:0;border:1px solid #c1b49e;background:#e8dfce;border-radius:6px;overflow:hidden;text-align:left;color:var(--paper-ink)}.map-preview{height:140px;background-image:url('assets/house.webp');background-size:200%;background-repeat:no-repeat;display:block}.map-card[data-room=overview] .map-preview{background-size:100%;background-position:50% 50%}.map-card[data-room=den] .map-preview{background-position:0 45%}.map-card[data-room=workshop] .map-preview{background-position:100% 38%}.map-card[data-room=porch] .map-preview{background-position:60% 100%}.map-card strong{display:block;padding:12px 15px;font-weight:500}
.reading-view{max-width:1000px;padding:48px 5% 70px;margin:auto}.reading-header{max-width:680px;margin-bottom:40px}.reading-header h1{font-family:var(--serif);font-size:3rem;line-height:1.15;font-weight:normal;margin:0 0 20px}.reading-header p{color:#d0d4cd;font-size:1.125rem}.reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.reading-card{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:26px}.reading-card h2{font-family:var(--serif);font-weight:normal;font-size:1.65rem;margin:0 0 12px}.reading-card p{color:#c1c8c4}.reading-card .story-card{background:#1d3038;color:var(--ink);border-color:#435057}.reading-card .story-card small{color:#b9c5c1}.reading-card .story-card svg{color:var(--gold)}.reading-card .project-card{border-color:#475154}.reading-card .tag{border-color:#52615e;color:#cfc6b4}.reading-card .project-status{color:var(--gold)}.reading-card .project-card h3{font-family:var(--serif);font-weight:normal;font-size:1.35rem}.reading-card .action-button{background:var(--gold);color:var(--night)}.reading-card.full-width{grid-column:1/-1}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#f2eadc;color:#2a3a3e;padding:13px 22px;border-radius:5px;box-shadow:0 6px 30px #0008;font-size:.9375rem;text-align:center;max-width:calc(100% - 32px);width:max-content;z-index:20;transition:opacity .25s,transform .25s}.toast.visible{opacity:1;transform:translate(-50%,0)}
.arcade-intro{margin-bottom:22px}.light-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:330px;margin:20px auto 24px;padding:20px;background:#172830;border:5px solid #375058;border-radius:5px}.light-button{aspect-ratio:1;min-width:44px;min-height:44px;border:2px solid #4a5f60;background:#22383f;color:#9cadab;font-family:var(--mono);font-size:1.125rem;border-radius:3px;box-shadow:inset 0 -5px #0003;transition:background .12s,box-shadow .12s}.light-button[aria-pressed=true]{background:#edbe73;color:#423521;border-color:#f2d49a;box-shadow:0 0 15px #f0b25640,inset 0 -5px #95632b33}.arcade-status{font-family:var(--mono);text-align:center;font-size:.875rem!important;color:#7a633f}.arcade-status.is-won{color:#2b6151;font-weight:600}.noscript{padding:30px;max-width:800px;margin:auto}
@keyframes happy{0%,100%{transform:rotate(0)}50%{transform:rotate(-4deg) translateY(-3px)}}@keyframes snuggle{0%,100%{transform:translateX(0)}50%{transform:translateX(7px) rotate(2deg)}}@keyframes fetch{0%,100%{transform:scaleY(1)}35%{transform:scaleY(.94)}65%{transform:scaleY(.97)}}@keyframes toss{0%,100%{transform:translate(0,0);opacity:0}15%{opacity:1}40%{transform:translate(95px,-45px);opacity:1}70%{transform:translate(60px,10px);opacity:1}}
@media(min-width:1500px){.stage{height:850px}}@media(max-width:1120px){.site-header{gap:18px}.brand{font-size:1.1rem}.main-nav{gap:16px;font-size:.875rem}.read-link{padding:9px 11px}.room-heading h1{font-size:1.5rem}.room-tab{padding:9px}.room-shelf{gap:12px;align-items:flex-start}.shelf-label{padding-top:11px}}
@media(max-width:800px){.site-header{padding:16px 5%;flex-wrap:wrap;gap:12px}.brand{font-size:1.1rem;flex:1}.brand-mark{font-size:2rem}.main-nav{order:3;width:100%;justify-content:space-between;gap:8px;font-size:.875rem;margin:0;padding-top:5px}.read-link{font-size:.8125rem;padding:7px 10px;min-height:38px}.explore-toolbar{padding:19px 5% 10px;display:block}.room-heading h1{font-size:1.6rem}.room-heading .eyebrow{font-size:.75rem;margin-bottom:5px}.room-tabs{margin-top:16px;justify-content:space-between;width:100%;padding:4px}.room-tab{flex:1;justify-content:center;padding:9px 5px;font-size:.8125rem;gap:5px;min-height:42px}.room-tab svg{width:15px;height:15px}.stage{height:clamp(370px,calc(100svh - 278px),660px);min-height:370px}.scene-caption{left:5%;bottom:12px;padding:7px 9px;font-size:.8125rem;max-width:calc(100% - 112px)}.scene-caption svg{display:none}.map-button{right:5%;bottom:12px;padding:7px 10px;min-height:40px}.hotspot{width:44px;height:44px}.hotspot svg{width:20px;height:20px}.room-shelf{display:block;padding:12px 5% 19px}.shelf-label{display:block;font-size:.75rem;padding:0;margin-bottom:9px}.object-chip{min-height:44px;padding:8px 11px}.site-footer{font-size:.75rem;padding:16px 5%}.panel-frame{padding:25px 23px}.panel-heading h2{font-size:1.85rem}.panel-heading{gap:12px}.panel-body p{font-size:1rem}.reading-view{padding:35px 5%}.reading-header h1{font-size:2.4rem}.reading-grid{grid-template-columns:1fr;gap:18px}.reading-card{padding:22px}.photos{gap:9px}.map-preview{height:115px}.object-tooltip{display:none}}
@media(max-width:390px){.brand{font-size:.98rem;gap:7px}.read-link{font-size:.75rem;gap:5px}.main-nav{font-size:.8125rem}.room-tab svg{display:none}.room-tab{font-size:.8125rem}.scene-caption{font-size:.75rem}.panel-frame{padding:23px 19px}.panel-actions{gap:7px}.action-button{padding:10px 12px}}
.room-tabs,.main-nav{flex-wrap:wrap}.brand{white-space:normal;line-height:1.25}.reading-card,.panel-body{overflow-wrap:anywhere}
.career-history{margin-top:24px}.experience-card{position:relative;margin-left:6px;padding:0 0 32px 24px;border-top:0;border-left:1px solid #c7bba6}.experience-card:before{content:'';position:absolute;left:-5px;top:8px;width:9px;height:9px;border-radius:50%;background:#947144;box-shadow:0 0 0 4px var(--paper)}.experience-card:last-child{padding-bottom:0}.experience-card h3{margin:0 0 8px}.experience-role{font-size:1rem;line-height:1.5;font-weight:600;margin:0}.experience-position+.experience-position{margin-top:24px}.experience-meta,.experience-period,.panel-body .experience-meta,.panel-body .experience-period{font-size:.875rem;line-height:1.6;margin:6px 0 14px;color:#646d6d}.experience-highlights{padding-left:18px;margin:12px 0 0;font-size:1rem;line-height:1.75}.experience-highlights li+li{margin-top:9px}.reading-card .experience-card{border-top:0;border-left-color:#52615e}.reading-card .experience-card:before{background:var(--gold);box-shadow:0 0 0 4px var(--panel)}.reading-card .experience-meta,.reading-card .experience-period{color:#acb8b5}.reading-card .experience-highlights{color:#c1c8c4}.reading-card .detail-tags span{border-color:#52615e;color:#cfc6b4}
.world,.character{transition:none}
.character.is-playing img{transform-origin:center bottom}
@media(max-width:800px){.stage[data-room=overview]{height:auto;aspect-ratio:3/2;min-height:0;max-height:none}.stage[data-room=overview] .scene-caption{display:none}}
@media(max-width:800px){.stage[data-room=porch]{height:auto;aspect-ratio:4/3;min-height:0;max-height:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.map-card[data-room=den] .map-preview{background-position:0 68%}.map-card[data-room=workshop] .map-preview{background-position:100% 68%}.map-card[data-room=porch] .map-preview{background-size:170%;background-position:84% 100%}
@media(max-width:800px){.stage[data-room=den],.stage[data-room=workshop]{height:auto;aspect-ratio:1;min-height:0;max-height:none}.stage[data-room=porch]{aspect-ratio:3/2}}
.stage[data-room=overview] .hotspot{width:30px;height:30px}.stage[data-room=overview] .hotspot svg{width:16px;height:16px}
@media(max-width:800px){.stage[data-room=overview] .hotspot{display:none}}
@media(max-width:800px){.stage .scene-caption{display:none}}

.welcome-note{font-size:.875rem;line-height:1.5;color:var(--muted);max-width:38ch;margin:9px 0 0}
.season-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:0 4% 14px}.season-control{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:.8125rem;color:var(--muted)}.season-control select{font:inherit;min-height:44px;padding:8px 32px 8px 12px;border:1px solid #766342;border-radius:5px;background:#17242e;color:var(--ink);cursor:pointer;max-width:100%}.season-control select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.season-loading{font-size:.8125rem;color:var(--gold)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.season-weather,.season-interior{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.season-interior svg{display:block;width:100%;height:100%}@media(max-width:800px){.season-bar{padding:0 5% 12px;gap:6px 12px}.season-control{gap:10px}.season-control select{padding-right:24px}.season-loading{width:100%}}
@media(prefers-reduced-motion:reduce){.season-weather{display:none}}
.quiet-house{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}@media(prefers-reduced-motion:reduce){.quiet-house{display:none}}
.arcade-picker{display:grid;gap:12px;margin:24px 0}
.arcade-choice{display:flex;align-items:center;gap:16px;width:100%;padding:19px 18px;border:1px solid #c1b39c;border-radius:6px;background:#eae1d2;color:#293f43;text-align:left}
.arcade-choice>svg{width:28px;height:28px;color:#856332}
.arcade-choice strong{font-family:var(--serif);font-size:1.35rem;font-weight:normal;display:block}
.arcade-choice small{font-size:.875rem;line-height:1.5;display:block;margin-top:4px;color:#576363}
.arcade-choice:hover{background:#e2d6c0;color:#293f43;border-color:#856332}
.arcade-play{margin-left:auto;white-space:nowrap;font-family:var(--mono);font-size:.8125rem}
.arcade-game-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.panel-body .arcade-game-heading h3{margin:0;font-size:1.7rem}
.arcade-note{margin-top:20px!important}
.memory-grid,.sliding-grid{display:grid;gap:10px;max-width:330px;margin:24px auto;padding:12px;border:3px solid #375058;border-radius:5px;background:#172830}
.memory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.sliding-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.arcade-cell{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:44px;min-height:44px;padding:5px;border:2px solid #647b7f;background:#29414a;color:#e8d6b5;border-radius:4px;font-family:var(--mono);font-size:1.35rem;box-shadow:inset 0 -4px #0003}
.arcade-cell svg{width:29px;height:29px}
.arcade-cell.is-face-up{background:#e8c58c;color:#403927;border-color:#e8c58c}
.arcade-cell.is-matched{background:#bdd1b3;color:#284839;border-color:#a0b592}
.pair-check{position:absolute;right:3px;bottom:0;font-size:.6875rem}
.arcade-cell.is-empty{background:#102128;border:2px dashed #587175;box-shadow:none}
.arcade-cell.is-movable{border-color:#efc58c;background:#3a555b;color:#fff0d1}
.arcade-cell[aria-disabled=true]{cursor:default}
.arcade-board button:focus-visible{outline:3px solid #efc58c;outline-offset:3px;z-index:1}
@media(max-width:390px){.arcade-choice{padding:15px 12px;gap:11px}.arcade-choice>svg{width:22px;height:22px}.arcade-choice strong{font-size:1.2rem}.arcade-play{display:none}.memory-grid,.sliding-grid{padding:8px;gap:8px}.memory-grid{padding:6px;gap:6px}.arcade-cell svg{width:25px;height:25px}.arcade-game-heading{flex-wrap:wrap}.arcade-game-heading .action-button{font-size:.8125rem}.arcade-board.light-grid{padding:12px;gap:9px}}
.map-card[data-room=bedroom] .map-preview{background-size:250%;background-position:91% 7%}.map-card[data-room=kitchen] .map-preview{background-size:250%;background-position:25% 7%}
.photo-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;margin:24px 0}.photo-gallery figure{margin:0;min-width:0}.photo-gallery a{display:block;border-radius:5px;overflow:hidden}.photo-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#ded4c2;border-radius:5px}.photo-gallery figcaption{font-size:.875rem;line-height:1.6;margin:8px 0 0;color:#586665}.reading-card .photo-gallery figcaption{color:#c1c8c4}.gallery-hint{margin-top:18px}.memorial-gallery .photo-gallery{align-items:start}.memorial-gallery .photo-gallery img{aspect-ratio:auto}
@media(max-width:800px){.stage[data-room=bedroom],.stage[data-room=kitchen]{height:auto;aspect-ratio:3/2;min-height:0;max-height:none}.room-tab{flex:1 1 30%}}
@media(max-width:480px){.photo-gallery{grid-template-columns:1fr}.photo-gallery img{aspect-ratio:auto;max-height:65svh}}
@media(max-width:800px){.stage[data-room=bedroom] .map-button,.stage[data-room=kitchen] .map-button{top:12px;right:12px;bottom:auto;width:44px;height:44px;padding:10px;gap:0;font-size:0}.stage[data-room=bedroom] .map-button svg,.stage[data-room=kitchen] .map-button svg{width:20px;height:20px}}

.arcade-filters{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 12px}.arcade-filters [aria-pressed=true],.sweeper-mode[aria-pressed=true]{background:#2b454b;color:#fff0d1;border-color:#2b454b}.arcade-count{margin:10px 0}.arcade-collection .arcade-choice{align-items:flex-start;height:100%}.arcade-collection .arcade-choice span{min-width:0}.arcade-collection .arcade-choice strong{font-size:1.2rem}.arcade-collection .arcade-choice small{line-height:1.6}.arcade-collection .arcade-choice>svg{flex-shrink:0;margin-top:3px}.arcade-status.is-lost{color:#8a3d31}
.extra-grid{display:grid;gap:10px;max-width:330px;padding:12px;margin:24px auto;border:3px solid #1a3039;background:#233d45;border-radius:8px}.extra-grid.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.extra-grid.four-columns{grid-template-columns:repeat(4,minmax(0,1fr))}.extra-grid button:focus-visible,.direction-board:focus-visible,.four-board:focus-visible{outline:3px solid #efc58c;outline-offset:3px;z-index:1}.extra-grid .is-your-disc{color:#efc58c;font-size:2rem}.extra-grid .is-house-disc{color:#a9d9e0;font-size:2rem}.sweeper-mode{display:block;margin:18px auto}.sweeper-grid .is-revealed{background:#dae2d2;border-color:#dae2d2;color:#284839}.sweeper-grid .is-mine{background:#d98973;border-color:#d98973;color:#472f2a}
.merge-tile{display:flex;align-items:center;justify-content:center;aspect-ratio:1;min-width:0;border-radius:5px;background:#102128;color:#fff0d1;font-family:var(--mono);font-size:1.3rem;font-weight:700}.merge-tile[data-value="2"]{background:#dfe1c9;color:#35423c}.merge-tile[data-value="4"]{background:#e8c58c;color:#403927}.merge-tile[data-value="8"],.merge-tile[data-value="16"]{background:#d38f67;color:#fff7e5}.merge-tile[data-value="32"],.merge-tile[data-value="64"]{background:#a65742;color:#fff7e5}.merge-tile[data-value="128"],.merge-tile[data-value="256"],.merge-tile[data-value="512"]{background:#d0b04b;color:#302f22;font-size:1.1rem}.merge-tile[data-value="1024"],.merge-tile[data-value="2048"]{background:#ead077;color:#302f22;font-size:1rem}
.direction-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:200px;margin:20px auto}.direction-controls [data-extra-direction=up]{grid-column:2}.direction-controls [data-extra-direction=left]{grid-column:1;grid-row:2}.direction-controls [data-extra-direction=down]{grid-column:2;grid-row:2}.direction-controls [data-extra-direction=right]{grid-column:3;grid-row:2}.direction-controls button{padding:10px 6px;min-height:44px;font-size:1.2rem}
.sudoku-grid .is-given{background:#425a60;color:#fff7e5;border-color:#82948d;font-weight:700}.sudoku-grid .is-selected{outline:3px solid #efc58c;outline-offset:1px;z-index:1}.sudoku-grid .is-conflict{background:#a65742;color:#fff7e5;border-color:#d98973}.sudoku-grid button:nth-child(4n+2){border-right-width:5px;border-right-color:#aab8a6}.sudoku-grid button:nth-child(n+5):nth-child(-n+8){border-bottom-width:5px;border-bottom-color:#aab8a6}.sudoku-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:330px;margin:20px auto}.sudoku-controls button{padding:10px 6px;min-height:44px}.sudoku-controls button:last-child{grid-column:1/-1}
.four-board{max-width:360px;padding:12px;margin:24px auto;background:#233d45;border:3px solid #1a3039;border-radius:8px}.four-column-labels,.four-slots{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.four-column-labels{margin-bottom:8px;text-align:center;color:#e8c58c;font-family:var(--mono);font-size:.875rem}.four-slot{display:block;aspect-ratio:1;border-radius:50%;background:#102128;border:2px solid #587175}.four-slot.is-your-disc{background:#efc58c;border-color:#d4ae73}.four-slot.is-house-disc{background:#83bfcf;border-color:#619cad}.four-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-width:360px;margin:20px auto}.four-controls button{padding:10px 6px;min-height:44px;font-size:.875rem}
.maze-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:300px;margin:24px auto;padding:10px;border:3px solid #1a3039;background:#233d45;border-radius:8px}.maze-cell{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:2px solid transparent;color:#e8c58c;font-size:1.5rem;line-height:1}.maze-cell.wall-top{border-top-color:#b7c2b1}.maze-cell.wall-bottom{border-bottom-color:#b7c2b1}.maze-cell.wall-left{border-left-color:#b7c2b1}.maze-cell.wall-right{border-right-color:#b7c2b1}.maze-cell.is-goal{color:#bdd1b3}.maze-cell.is-player{color:#efc58c;background:#3a555b}.catch-clock{text-align:center;font-family:var(--mono)}.catch-grid .is-firefly{background:#efc58c;border-color:#e8c58c;color:#403927;box-shadow:0 0 15px #efc58c55}.catch-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:20px 0}
@media(min-width:600px){.arcade-collection{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){.extra-grid{padding:6px;gap:6px}.extra-grid.three-columns{padding:8px;gap:8px}.four-board{padding:8px}.four-column-labels,.four-slots{gap:4px}.maze-board{padding:8px}.merge-tile{font-size:1.1rem}.merge-tile[data-value="128"],.merge-tile[data-value="256"],.merge-tile[data-value="512"]{font-size:1rem}.merge-tile[data-value="1024"],.merge-tile[data-value="2048"]{font-size:.875rem}.arcade-filters .action-button{padding:10px 12px;font-size:.8125rem}}