@font-face{font-family:Local;src:local('Segoe UI')}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:#f7f7fb;color:#242337;font-family:Local,'Segoe UI',Arial,sans-serif;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f18a36;outline-offset:4px}button{border:0}a{color:inherit}h1,h2,p{margin-top:0}h1{font-size:clamp(2rem,3.7vw,3.5rem);line-height:1.12;letter-spacing:-.055em;font-weight:750;margin:14px 0 20px}h1 em{font-style:normal;color:#653dec}h2{font-size:1.3rem;letter-spacing:-.025em}p{color:#747184}.shell{display:grid;grid-template-columns:238px 1fr;min-height:100vh}.sidebar{padding:36px 22px 24px;background:#fff;border-right:1px solid #e8e7ef;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font-size:1.65rem;font-weight:800;letter-spacing:-.06em}.brand-mark{display:grid;place-items:center;background:#633cea;color:white;width:43px;height:43px;border-radius:13px;font-size:1.7rem;letter-spacing:-.17em;padding-right:5px}.brand-sub{display:block;font-size:.56rem;letter-spacing:.05em;font-weight:600;margin-top:0;color:#8b879c}.sidebar nav{display:grid;gap:9px;margin-top:50px}.nav{background:none;text-align:left;display:flex;align-items:center;gap:12px;border-radius:10px;padding:13px 12px;color:#777486;font-size:.92rem}.nav>span{font-size:1.3rem;min-width:24px}.nav small{margin-left:auto;font-size:.75rem;color:#714bec}.nav.active{color:#653dec;background:#f0ebff;font-weight:650}.nav:hover{background:#f3f0fa}.side-note{margin-top:auto;padding:50px 12px 34px}.little-plus{font-size:2.4rem;color:#f0853a}.side-note p{font-size:1rem;color:#454156;line-height:1.6;margin-top:8px}.side-note small{font-size:.75rem;color:#8c889b}.team-dots{display:flex;margin:22px 0 7px}.team-dots i{width:20px;height:20px;border:2px solid white;border-radius:50%;margin-left:-3px;background:#d1c5f6}.team-dots i:nth-child(2n){background:#ffb278}.team-dots i:nth-child(3n){background:#9381d5}.bank{padding:20px 12px 0;border-top:1px solid #eeedf3;letter-spacing:.13em;font-size:.65rem;color:#89859a}.bank b{font-size:.85rem;color:#625b87;margin-left:3px}.bank>span{display:block;letter-spacing:0;margin-top:7px;font-size:.75rem}.content{min-width:0}.topbar{height:82px;margin:0 46px;border-bottom:1px solid #e5e4ee;display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:#898497}.tab-control{background:#fff;border:1px solid #e3e0ed;border-radius:8px;padding:8px 12px;display:flex;gap:12px;align-items:center;color:#605c75}.tiny-mark{color:#653dec;font-weight:900}main{max-width:1400px;padding:36px 46px 0;margin:auto}.eyebrow{font-size:.68rem;letter-spacing:.15em;font-weight:750;color:#8b819f}.page-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:28px}.page-heading p{font-size:.92rem;margin:0}.break-stamp{transform:rotate(8deg);border:2px solid #ef7d33;background:#fff4e9;border-radius:15px;min-width:190px;padding:15px 20px;color:#b75c24;text-align:center;margin-right:24px}.break-stamp>span{font-size:.75rem;letter-spacing:.17em}.break-stamp b{display:block;font-size:3.6rem;line-height:1.15;letter-spacing:-.05em}.break-stamp b span{font-size:2.3rem;margin-left:8px}.break-stamp small{font-size:.66rem}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-heading h2{margin:0;font-size:1.25rem}.text-button{padding:5px 0;background:none;color:#756986;font-size:.82rem}.text-button span{font-size:1.2rem;margin-left:8px}.game-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.game-card{border:1px solid #e4e1ec;border-radius:15px;background:white;text-align:left;overflow:hidden;transition:transform .18s,box-shadow .18s;padding:0;color:inherit;position:relative}.game-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #4533640d}.game-art{height:125px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--art);font-family:Consolas,monospace}.game-art:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#5240751c .8px,transparent .8px);background-size:12px 12px;pointer-events:none}.game-number{position:absolute;left:15px;top:11px;font: .65rem Local, sans-serif;opacity:.4}.card-body{padding:17px 19px 16px}.card-body h3{font-size:1.1rem;margin:0 0 4px;letter-spacing:-.02em}.card-body p{font-size:.81rem;margin:0 0 15px}.card-bottom{display:flex;justify-content:space-between;align-items:center;color:#888193;font-size:.7rem}.card-arrow{font-size:1.2rem;line-height:1;color:#635771}.art-snake{display:grid;grid-template-columns:repeat(7,17px);grid-template-rows:repeat(3,17px);gap:3px;transform:rotate(-6deg)}.art-snake i{background:#855edf;border-radius:3px}.art-snake i:nth-child(1){grid-area:3/1}.art-snake i:nth-child(2){grid-area:2/1}.art-snake i:nth-child(3){grid-area:1/1}.art-snake i:nth-child(4){grid-area:1/2}.art-snake i:nth-child(5){grid-area:1/3}.art-snake i:nth-child(6){grid-area:1/4}.art-snake i:nth-child(7){grid-area:2/4}.art-snake i:nth-child(8){grid-area:3/4}.art-snake i:nth-child(9){grid-area:3/7;background:#f78c42}.art-tiles{display:flex;gap:7px;transform:rotate(-7deg)}.art-tiles span{padding:10px 11px;background:#ffe6ca;color:#be6732;font-size:1.2rem;font-weight:bold;border-radius:7px;box-shadow:0 4px 0 #e9b98c}.art-tiles span:nth-child(2){background:#ffb775;transform:translateY(-12px)}.art-tiles span:nth-child(3){background:#f1863c;color:white}.art-memory{display:flex;gap:8px;transform:rotate(7deg)}.art-memory span{font-size:2rem;border-radius:6px;background:#fff;padding:0 12px;color:#7256c1;box-shadow:0 4px 0 #cdc0e9}.art-memory span:first-child{background:#baa5e5;color:white;transform:rotate(-16deg)}.art-reaction{font-size:4.7rem;font-weight:900;color:#eb9652;line-height:1;transform:rotate(12deg)}.art-tic{font-size:2.5rem;line-height:1;color:#6f7fc4;letter-spacing:.22em;transform:rotate(-9deg)}.art-tic span{color:#afa8da}.art-mines{display:grid;grid-template-columns:repeat(3,27px);gap:4px;transform:rotate(8deg)}.art-mines span{background:#afcfc2;box-shadow:0 3px 0 #88b19f;aspect-ratio:1;border-radius:3px;text-align:center;color:#497965;font-weight:bold}.art-mines span:nth-child(2){background:#e3f0e8}.eye-banner{display:flex;gap:25px;align-items:center;background:#ece8fd;border:1px solid #e0d9f7;border-radius:15px;margin-top:24px;padding:19px 28px 19px 14px}.mascot-frame{width:132px;height:116px;flex-shrink:0;display:grid;place-items:center;overflow:hidden}.mascot-frame img{width:145px;height:145px;object-fit:contain;mix-blend-mode:multiply;image-rendering:pixelated}.eye-banner h2{font-size:1.23rem;line-height:1.3;margin:8px 0}.eye-banner p{margin:0;font-size:.8rem}.eye-banner .button{margin-left:auto;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:13px 20px;background:#653dec;color:#fff;border-radius:9px;font-size:.9rem;font-weight:600;min-height:46px}.button:hover{filter:brightness(1.07)}.button.dark{background:#30254d}.button.secondary{background:#eeeaf6;color:#51436c}footer{display:flex;justify-content:space-between;color:#9892a4;font-size:.7rem;padding:25px 0}footer b{color:#e98236;font-size:1rem;margin-left:8px}.intro{max-width:720px;font-size:1rem;margin:20px 0 30px}.muted{font-size:.85rem;color:#8a8297;margin-top:20px}.eye-toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:.88rem;margin-bottom:18px}.eye-toolbar label{display:flex;gap:10px;align-items:center}.eye-toolbar select{background:white;border:1px solid #d8d1e8;border-radius:7px;padding:7px;color:#524364}.eye-stage{height:clamp(280px,48vh,550px);position:relative;background:#e9e6ff;border:1px solid #d8d0ef;border-radius:18px;overflow:hidden}.stage-cross{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:#c5bade}.eye-stage img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100px;height:100px;image-rendering:pixelated;mix-blend-mode:multiply}progress{width:100%;height:6px;accent-color:#653dec;margin:16px 0}.eye-actions{display:flex;gap:12px}.divider-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px}.settings-card{padding:30px;border:1px solid #e2dcea;border-radius:16px;background:white;display:flex;flex-direction:column;gap:14px}.settings-card>label,legend{font-weight:600;font-size:.9rem}input[type=text],input:not([type]){min-width:0;border:1px solid #d7cfdf;border-radius:8px;padding:12px;color:#40314e}fieldset{border:0;padding:0;margin:14px 0}.swatches{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.swatches label{font-size:.85rem;display:flex;gap:5px;align-items:center}.swatches span:before{content:'';display:inline-block;width:12px;height:12px;background:var(--swatch);border-radius:50%;margin-right:5px}.pin-guide{padding:10px}.pin-guide h2{font-size:1.15rem;margin-top:25px}.pin-guide p{font-size:.9rem}.browser-demo{display:flex;border:1px solid #dbd4e5;border-radius:10px 10px 0 0;background:#e8e3f1;padding:10px;gap:16px;font-size:.85rem}.browser-demo span:first-child{background:#633cea;color:white;padding:0 12px;border-radius:5px}dialog{width:min(590px,calc(100% - 24px));border:1px solid #ded6ea;border-radius:20px;padding:26px;max-height:94dvh;overflow:auto;color:#2e2541;background:#faf9ff;box-shadow:0 30px 130px #21103944}dialog::backdrop{background:#22133277;backdrop-filter:blur(6px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{font-size:1.65rem;margin:5px 0 0}.close{border-radius:50%;height:36px;width:36px;background:#eee9f6;color:#665a78;font-size:1.5rem}#game-help{font-size:.88rem;margin:12px 0 20px}.game-meta{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:.8rem;margin-bottom:18px}.game-meta strong{font-size:.95rem}#best{font-size:.7rem;color:#887994}#play-area{min-height:200px;display:flex;flex-direction:column;align-items:center;gap:12px}#game-status{min-height:25px;text-align:center;font-size:.95rem;color:#6b43a7;margin:16px 0 0}.board{display:grid;gap:7px;width:min(100%,370px);background:#ddd5ee;padding:10px;border-radius:12px;touch-action:none}.board button,.board .tile{aspect-ratio:1;display:grid;place-items:center;border-radius:6px;min-width:0;font-size:1.45rem;font-weight:750;background:#f2edf9;color:#70538f}.board button:hover{filter:brightness(.95)}.board-2048{grid-template-columns:repeat(4,1fr)}.board-2048 .tile{font-size:clamp(1rem,4vw,1.7rem)}.memory-board{grid-template-columns:repeat(4,1fr)}.memory-board button{font-size:1.5rem;color:#653dec;background:#ded3f4;min-height:55px}.memory-board button.revealed{background:white}.memory-board button.matched{background:#d4ebe0;color:#317858}.tic-board{grid-template-columns:repeat(3,1fr)}.tic-board button{font-size:2.5rem}.mine-board{grid-template-columns:repeat(8,1fr);gap:4px;padding:8px}.mine-board button{font-size:1rem;border-radius:3px;background:#b8d7c7;box-shadow:0 2px 0 #8eb5a1}.mine-board button.opened{box-shadow:none;background:#eef5ef}.mine-board button.bomb{background:#f5b7a5}.reaction-pad{width:100%;height:260px;border-radius:15px;background:#eee5fb;color:#674791;font-size:1.3rem;font-weight:650;padding:25px}.reaction-pad.wait{background:#fbe0c6;color:#9d5e2e}.reaction-pad.ready{background:#a4dfb8;color:#204b30}canvas{width:min(100%,370px);height:auto;border-radius:12px;touch-action:none;image-rendering:pixelated;background:#eee8fa}.direction-pad{display:flex;gap:7px;justify-content:center;align-items:center}.direction-pad button{width:45px;height:40px;border:1px solid #d9cfea;border-radius:8px;background:#f0eaf9;color:#695080;font-size:1.1rem}.start-overlay{display:flex;align-items:center;gap:10px}.skip{position:fixed;top:-60px;left:10px;background:white;z-index:100;padding:12px}.skip:focus{top:10px}[hidden]{display:none!important}@media(min-width:1500px){main{padding-top:48px}.game-art{height:155px}.page-heading{margin-bottom:38px}.game-cards{gap:22px}.card-body{padding:22px}.eye-banner{margin-top:30px}}@media(max-width:1100px){.shell{grid-template-columns:195px 1fr}.sidebar{padding:28px 14px}.brand{font-size:1.4rem}.brand-sub{font-size:.48rem}.topbar{margin:0 26px}main{padding:28px 26px 0}.break-stamp{min-width:155px;margin:0;padding:12px}.break-stamp b{font-size:3rem}.game-cards{gap:12px}.card-body{padding:14px}.card-body p{min-height:36px}.eye-banner{padding:15px;gap:10px}.eye-banner .button{font-size:.8rem;padding:12px}.eye-banner h2{font-size:1.1rem}.mascot-frame{width:100px}.side-note{padding-left:7px;padding-right:7px}}@media(max-width:800px){.shell{display:block}.sidebar{height:auto;position:static;border-right:0;border-bottom:1px solid #e8e2ee;padding:18px 22px;gap:18px}.brand{font-size:1.45rem}.brand-sub{font-size:.55rem}.sidebar nav{display:flex;margin:0;gap:5px}.nav{flex:1;justify-content:center;padding:10px 6px;font-size:.8rem;gap:7px}.nav small,.side-note,.bank{display:none}.topbar{height:60px;font-size:.75rem;margin:0 22px}main{padding:26px 22px 0}.break-stamp{min-width:130px}.break-stamp b{font-size:2.5rem}.break-stamp small{display:none}.page-heading{gap:12px}.page-heading p{font-size:.85rem}.game-cards{grid-template-columns:repeat(2,1fr)}.card-body p{min-height:0}.eye-banner{flex-wrap:wrap;padding:18px}.eye-banner>div:nth-child(2){flex:1}.eye-banner .button{margin-left:0;width:100%}.divider-layout{grid-template-columns:1fr}.eye-toolbar{flex-wrap:wrap}.eye-toolbar #eye-status{order:3;width:100%}footer{gap:12px}.eyebrow{font-size:.65rem}}@media(max-width:440px){.break-stamp{display:none}.nav>span{font-size:1.1rem;min-width:14px}.topbar>span{max-width:175px}.game-art{height:110px}.card-body{padding:12px}.card-body h3{font-size:1rem}.card-body p{font-size:.8rem;min-height:38px}.section-heading h2{font-size:1.15rem}.text-button{font-size:.75rem}.eye-banner h2{font-size:1rem}.mascot-frame{width:76px}.mascot-frame img{width:110px;height:110px}footer{flex-direction:column}.game-meta{flex-wrap:wrap}.swatches{grid-template-columns:1fr}.settings-card{padding:20px}dialog{padding:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
/* Keep the entire mascot visible in compact cards and metadata readable. */
.mascot-frame img{width:100%;max-width:100%;height:100%;object-fit:contain}.brand-sub{font-size:.75rem;letter-spacing:0;line-height:1.2}.brand-sub{display:none}.eyebrow,.game-number,.card-bottom,.bank,footer,.break-stamp small{font-size:.75rem}.card-body p,.eye-banner p{font-size:.875rem}.game-meta #best{font-size:.75rem}