:root{--minion-yellow: #ffd24c;--minion-yellow-deep: #f0b91e;--banana: #ffe14d;--denim-blue: #1b6797;--denim-blue-deep: #0357a0;--goggle-black: #121413;--goggle-silver: #c7ccd1;--bg: #fff8e1;--surface: #ffffff;--surface-2: #fdf6e3;--border: #e6d9a8;--ink: #121413;--ink-soft: #4a4640;--correct: #4caf50;--close: #ffb300;--wrong: #e0524a;--correct-ink: #ffffff;--close-ink: #2a1e00;--wrong-ink: #ffffff;--font-display: "Lilita One", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--sp-12: 48px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-pill: 999px;--outline: 2.5px solid var(--goggle-black);--shadow-sticker: 0 4px 0 var(--goggle-black);--shadow-btn: 0 4px 0 var(--minion-yellow-deep);--shadow-soft: 0 6px 20px rgba(18, 20, 19, .12);--content-max: 600px}:root[data-theme=dark]{--bg: #1a1c22;--surface: #23262f;--surface-2: #2a2e39;--border: #3a3f4d;--ink: #f5f1e0;--ink-soft: #b7bcc9;--minion-yellow: #ffd658;--denim-blue: #3d8fd0;--correct: #5fd068;--close: #ffc233;--wrong: #ff6b5e;--shadow-sticker: 0 4px 0 #000}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-size:16px;line-height:1.5;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:url(/assets/ui/goggles.svg),url(/assets/ui/banana.svg);background-repeat:repeat,repeat;background-size:130px,90px;background-position:0 0,70px 60px;opacity:.05}h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.15;margin:0}a{color:var(--denim-blue-deep)}button{font-family:var(--font-body);cursor:pointer}img{display:block;max-width:100%}.app{position:relative;z-index:1;max-width:var(--content-max);margin:0 auto;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-8)}.topbar{display:flex;align-items:center;justify-content:space-between;padding-top:var(--sp-4)}.wordmark{font-family:var(--font-display);font-size:clamp(34px,9vw,52px);letter-spacing:.5px;color:var(--minion-yellow);-webkit-text-stroke:2.5px var(--goggle-black);paint-order:stroke fill;text-shadow:0 2px 0 var(--minion-yellow-deep),0 4px 0 var(--minion-yellow-deep),0 5px 0 var(--goggle-black),0 6px 6px rgba(0,0,0,.25)}.wordmark .dot{color:var(--denim-blue)}.theme-btn{width:44px;height:44px;border:var(--outline);border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--shadow-sticker);font-size:20px;line-height:1;transition:transform .08s ease}.theme-btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--goggle-black)}.hero{text-align:center;display:flex;flex-direction:column;gap:var(--sp-3)}.hero h1{font-size:clamp(22px,5vw,28px)}.hero .tagline{color:var(--ink-soft);margin:0}.countdown{display:inline-flex;align-self:center;align-items:center;gap:var(--sp-2);background:var(--surface);border:var(--outline);border-radius:var(--r-pill);padding:var(--sp-2) var(--sp-4);box-shadow:var(--shadow-sticker);font-weight:700}.countdown b{font-family:var(--font-display);color:var(--denim-blue-deep)}.modes{display:grid;gap:var(--sp-4)}.mode-card{display:flex;align-items:center;gap:var(--sp-4);text-align:left;width:100%;background:var(--surface);border:var(--outline);border-radius:var(--r-lg);box-shadow:var(--shadow-sticker);padding:var(--sp-4);transition:transform .1s ease}.mode-card:hover{transform:translateY(-3px)}.mode-card:active{transform:translateY(0);box-shadow:0 2px 0 var(--goggle-black)}.mode-card__icon{width:52px;height:52px;flex:0 0 auto;border-radius:var(--r-md);border:var(--outline);padding:6px;background:var(--surface-2)}.mode-card__icon img{width:100%;height:100%}.mode-card__body{flex:1 1 auto}.mode-card__name{font-family:var(--font-display);font-size:20px}.mode-card__desc{color:var(--ink-soft);font-size:14px}.mode-card__bar{width:8px;align-self:stretch;border-radius:var(--r-pill)}.section-title{font-size:20px;margin-bottom:var(--sp-3)}.roster{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3)}.roster__item{background:var(--surface);border:var(--outline);border-radius:var(--r-md);box-shadow:var(--shadow-sticker);padding:var(--sp-2);text-align:center}.roster__item img{width:100%;aspect-ratio:1;object-fit:contain}.roster__name{font-size:12px;font-weight:700;margin-top:var(--sp-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer{text-align:center;color:var(--ink-soft);font-size:12px;line-height:1.5;padding:var(--sp-8) 0 var(--sp-12);border-top:1px solid var(--border)}@media (max-width: 360px){.roster{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.wordmark--btn{background:none;border:0;padding:0;cursor:pointer}.mode-page{display:flex;flex-direction:column;gap:var(--sp-4)}.back{align-self:flex-start;background:var(--surface);border:var(--outline);border-radius:var(--r-pill);box-shadow:var(--shadow-sticker);padding:var(--sp-2) var(--sp-4);font-weight:700;color:var(--ink)}.back:active{transform:translateY(2px);box-shadow:0 2px 0 var(--goggle-black)}.mode-head{display:flex;align-items:center;gap:var(--sp-3)}.mode-head__icon{width:56px;height:56px;flex:0 0 auto;padding:7px;border:var(--outline);border-radius:var(--r-md);background:var(--surface-2)}.mode-head__icon img{width:100%;height:100%}.mode-head__name{font-size:26px}.mode-head__desc{color:var(--ink-soft);margin:2px 0 0;font-size:14px}.game{display:flex;flex-direction:column;gap:var(--sp-4)}.ac{position:relative}.ac__input{width:100%;box-sizing:border-box;font-size:16px;font-weight:600;font-family:var(--font-body);padding:var(--sp-3) var(--sp-4);border:var(--outline);border-radius:var(--r-pill);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sticker)}.ac__input:focus{outline:none;box-shadow:0 0 0 4px #ffd24c8c,var(--shadow-sticker)}.ac__list{list-style:none;margin:var(--sp-2) 0 0;padding:var(--sp-1);position:absolute;z-index:30;left:0;right:0;background:var(--surface);border:var(--outline);border-radius:var(--r-md);box-shadow:var(--shadow-soft);max-height:320px;overflow:auto}.ac__item{display:flex;align-items:center;gap:var(--sp-3);width:100%;background:none;border:0;border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3);text-align:left;font:inherit;color:var(--ink);min-height:44px}.ac__item img{width:34px;height:34px;object-fit:contain;flex:0 0 auto}.ac__item.is-hi{background:var(--surface-2)}.ac__item.is-used{opacity:.45}.ac__used{margin-left:auto;font-size:12px;color:var(--ink-soft)}.grid-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--sp-2)}.grid{display:inline-grid;grid-auto-rows:min-content;gap:6px;min-width:100%}.grid__row{display:grid;grid-template-columns:96px repeat(9,60px);gap:6px}.grid__head .gcell{background:transparent;box-shadow:none;border:0;color:var(--ink-soft);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;align-items:center;justify-content:center;min-height:26px}.gcell{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:var(--r-sm);min-height:60px;padding:2px;font-size:12px;font-weight:700}.gcell--char{grid-column:1;background:var(--surface);border:var(--outline);box-shadow:var(--shadow-sticker);gap:2px;overflow:hidden}.gcell--char img{width:30px;height:30px;object-fit:contain}.gcell__name{font-size:10px;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis}.tile{position:relative;color:#fff;border:var(--outline);box-shadow:var(--shadow-sticker);animation:flipIn .42s ease both}.tile--correct{background:var(--correct);color:var(--correct-ink)}.tile--close{background:var(--close);color:var(--close-ink);border-style:dashed}.tile--wrong{background:var(--wrong);color:var(--wrong-ink)}.tile__sym{font-size:11px;line-height:1;opacity:.85}.tile__v{font-size:11px;line-height:1.1;word-break:break-word}.tile__arrow{font-size:12px;line-height:1}@keyframes flipIn{0%{transform:rotateX(-90deg);opacity:0}60%{transform:rotateX(15deg)}to{transform:rotateX(0);opacity:1}}.game--single{align-items:center}.game--single .ac{width:100%}.clue{display:flex;align-items:center;justify-content:center;background:var(--surface);border:var(--outline);border-radius:var(--r-lg);box-shadow:var(--shadow-sticker);padding:var(--sp-4);width:100%;box-sizing:border-box;min-height:200px}.pixel-canvas,.pixel-img{width:280px;height:280px;max-width:100%;object-fit:contain;image-rendering:pixelated;border-radius:var(--r-md)}.pixel-img{image-rendering:auto}.emoji-clue{display:flex;flex-wrap:wrap;gap:var(--sp-2);font-size:44px;justify-content:center}.emoji-more{font-size:20px;font-family:var(--font-display);color:var(--ink-soft);align-self:center;background:var(--surface-2);border:2px solid var(--border);border-radius:var(--r-pill);padding:2px 12px}.guess-list{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:var(--sp-2)}.guess-list__item{display:flex;align-items:center;gap:var(--sp-3);background:var(--surface);border:var(--outline);border-radius:var(--r-md);box-shadow:var(--shadow-sticker);padding:var(--sp-2) var(--sp-3);font-weight:700}.guess-list__item img{width:36px;height:36px;object-fit:contain}.guess-list__x{margin-left:auto;color:var(--wrong);font-weight:800}.result{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);background:var(--surface);border:var(--outline);border-radius:var(--r-lg);box-shadow:var(--shadow-sticker);padding:var(--sp-6) var(--sp-4);width:100%;box-sizing:border-box}.result__title{font-family:var(--font-display);font-size:28px;color:var(--denim-blue-deep)}.reveal{display:flex;align-items:center;gap:var(--sp-4)}.reveal__img{width:84px;height:84px;object-fit:contain;border:var(--outline);border-radius:var(--r-md);background:var(--surface-2)}.reveal__name{font-family:var(--font-display);font-size:22px}.reveal__sub{color:var(--ink-soft);font-size:14px}.reveal__streak{display:inline-flex;align-items:center;gap:4px;font-weight:800;margin-top:4px}.reveal__streak img{width:18px;height:18px}.btn-primary{font-family:var(--font-body);font-weight:800;font-size:16px;color:var(--goggle-black);background:var(--minion-yellow);border:var(--outline);border-radius:var(--r-pill);box-shadow:var(--shadow-btn);padding:var(--sp-3) var(--sp-8);margin-top:var(--sp-2)}.btn-primary:active{transform:translateY(2px);box-shadow:0 2px 0 var(--minion-yellow-deep)}.toast{font-size:13px;color:var(--correct);font-weight:700}.result__next{color:var(--ink-soft);font-size:14px}.result__next b{font-family:var(--font-display);color:var(--denim-blue-deep)}.mode-nav{width:100%;text-align:center;color:var(--ink-soft);font-size:13px;margin-top:var(--sp-2)}.mode-nav__row{display:flex;gap:var(--sp-2);justify-content:center;margin-top:var(--sp-2)}.chip{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--ink);background:var(--surface-2);border:var(--outline);border-radius:var(--r-pill);box-shadow:var(--shadow-sticker);padding:var(--sp-2) var(--sp-4);min-height:40px}.chip img{width:22px;height:22px}.mode-card__done{margin-left:auto;color:var(--correct);font-weight:900;font-size:22px}@media (max-width: 360px){.grid__row{grid-template-columns:76px repeat(9,52px)}}.topbar__right{display:flex;align-items:center;gap:var(--sp-2)}.lang-switch{display:inline-flex;border:var(--outline);border-radius:var(--r-pill);overflow:hidden;box-shadow:var(--shadow-sticker)}.lang-switch__btn{background:var(--surface);border:0;padding:6px 10px;font-weight:800;font-size:12px;color:var(--ink-soft);min-height:34px;min-width:34px}.lang-switch__btn+.lang-switch__btn{border-left:2px solid var(--goggle-black)}.lang-switch__btn.is-active{background:var(--minion-yellow);color:var(--goggle-black)}.prerender{color:var(--ink-soft)}.prerender h1{font-family:var(--font-display);color:var(--ink)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#1214138c;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);overflow:auto;animation:fade .15s ease}.modal{position:relative;width:100%;max-width:460px;max-height:92vh;overflow:auto;background:var(--surface);border:var(--outline);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);padding:var(--sp-6) var(--sp-4) var(--sp-4);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);animation:pop .18s cubic-bezier(.2,1.4,.4,1)}.modal__close{position:absolute;top:10px;right:10px;width:36px;height:36px;border:var(--outline);border-radius:var(--r-pill);background:var(--surface-2);font-weight:800;line-height:1;color:var(--ink)}.modal__title{font-family:var(--font-display);font-size:22px}.share-preview{width:100%;aspect-ratio:1200 / 630;border:var(--outline);border-radius:var(--r-md);background:var(--surface-2);object-fit:contain}.share-preview--loading{animation:pulse 1.1s ease-in-out infinite}.share-text{width:100%;box-sizing:border-box;margin:0;font-family:var(--font-body);font-weight:700;font-size:13px;white-space:pre-wrap;word-break:break-word;text-align:center;background:var(--surface-2);border:2px solid var(--border);border-radius:var(--r-sm);padding:var(--sp-3)}.modal__actions{display:flex;gap:var(--sp-3);width:100%}.modal__actions .btn-primary{margin-top:0;flex:1;padding:var(--sp-3)}.btn-ghost{font-family:var(--font-body);font-weight:800;font-size:15px;color:var(--ink);background:var(--surface);border:var(--outline);border-radius:var(--r-pill);box-shadow:var(--shadow-sticker);padding:var(--sp-3) var(--sp-6);flex:1}.btn-ghost:active{transform:translateY(2px);box-shadow:0 2px 0 var(--goggle-black)}.btn-ghost--center{align-self:center;flex:0 0 auto}.social{display:flex;gap:var(--sp-3);justify-content:center;flex-wrap:wrap}.social__btn{width:44px;height:44px;border:var(--outline);border-radius:var(--r-pill);box-shadow:var(--shadow-sticker);display:flex;align-items:center;justify-content:center}.social__btn img{width:22px;height:22px}.social__btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--goggle-black)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.audio-clue{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-4)}.audio-play{width:110px;height:110px;border-radius:50%;border:var(--outline);background:#2fb6a8;box-shadow:0 6px #1f8478;display:flex;align-items:center;justify-content:center;padding-left:6px;transition:transform .1s ease}.audio-play:active{transform:translateY(3px);box-shadow:0 3px #1f8478}.audio-play.is-playing{animation:audiopulse .7s ease-in-out infinite}.audio-hint{color:var(--ink-soft);font-weight:700;font-size:14px}@keyframes audiopulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.game-wrap{display:flex;flex-direction:column;gap:var(--sp-4)}.mode-tabs-row{display:flex;gap:var(--sp-3);flex-wrap:wrap}.mode-tabs{display:inline-flex;border:var(--outline);border-radius:var(--r-pill);overflow:hidden;box-shadow:var(--shadow-sticker)}.mode-tabs__btn{background:var(--surface);border:0;padding:var(--sp-2) var(--sp-4);font-weight:800;font-size:13px;color:var(--ink-soft);min-height:38px}.mode-tabs__btn+.mode-tabs__btn{border-left:2px solid var(--goggle-black)}.mode-tabs__btn.is-active{background:var(--minion-yellow);color:var(--goggle-black)}.yesterday{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-2)}.yesterday__item{position:relative;background:var(--surface);border:var(--outline);border-radius:var(--r-md);box-shadow:var(--shadow-sticker);padding:var(--sp-2);text-align:center;overflow:hidden}.yesterday__art{width:100%;aspect-ratio:1;object-fit:contain}.yesterday__badge{position:absolute;top:5px;left:5px;width:22px;height:22px;border:2px solid var(--goggle-black);border-radius:6px;background:var(--surface-2);padding:2px}.yesterday__mode{font-size:10px;font-weight:800;color:var(--ink-soft);text-transform:uppercase}.yesterday__name{font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ach-count{font-family:var(--font-body);font-size:13px;color:var(--ink-soft);font-weight:800}.ach{display:flex;gap:var(--sp-2);flex-wrap:wrap}.ach__item{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:2px solid var(--border);border-radius:var(--r-pill);padding:6px 12px;font-size:13px;font-weight:700;color:var(--ink-soft);filter:grayscale(1);opacity:.55}.ach__item img{width:22px;height:22px}.ach__item.is-earned{filter:none;opacity:1;color:var(--ink);border:var(--outline);box-shadow:var(--shadow-sticker);background:var(--surface)}@media (max-width: 360px){.yesterday{grid-template-columns:repeat(2,1fr)}}.splash-box{width:280px;height:280px;max-width:100%;overflow:hidden;border:var(--outline);border-radius:var(--r-md);background:var(--surface-2)}.splash-cover{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.splash-img{width:280px;height:280px;max-width:100%;object-fit:contain;border-radius:var(--r-md)}html,body{overflow-x:hidden;max-width:100%}.acct{display:inline-flex;align-items:center;gap:6px;border:var(--outline);border-radius:var(--r-pill);box-shadow:var(--shadow-sticker);min-height:34px;padding:4px 10px;font-weight:800;font-size:13px}.acct--out{background:#5865f2;color:#fff}.acct--out img{width:18px;height:18px}.acct--in{padding:2px;width:36px;height:36px;justify-content:center;background:var(--surface)}.acct--in img{width:28px;height:28px;border-radius:50%;object-fit:cover}.acct__dot{width:24px;height:24px;border-radius:50%;background:var(--denim-blue)}.acct:active{transform:translateY(2px);box-shadow:0 2px 0 var(--goggle-black)}@media (max-width: 420px){.acct__label{display:none}.acct--out{padding:6px}.acct--out img{width:20px;height:20px}}.modal__links{display:flex;gap:var(--sp-3)}.link-btn{background:none;border:0;color:var(--denim-blue-deep);font-weight:800;font-size:13px;text-decoration:underline;padding:4px 8px;min-height:32px}.seo{display:flex;flex-direction:column;gap:var(--sp-2)}.seo .section-title{margin-top:var(--sp-4)}.seo__p{color:var(--ink-soft);line-height:1.65;margin:0}.seo__modes{margin:0;padding-left:1.2em;line-height:1.9;color:var(--ink-soft)}.seo__modes a{font-weight:800;color:var(--denim-blue-deep)}.seo__faq{display:flex;flex-direction:column;gap:var(--sp-2)}.seo__faq details{background:var(--surface);border:var(--outline);border-radius:var(--r-md);box-shadow:var(--shadow-sticker);padding:var(--sp-3) var(--sp-4)}.seo__faq summary{font-weight:800;cursor:pointer;list-style:none}.seo__faq summary::-webkit-details-marker{display:none}.seo__faq summary:after{content:"+";float:right;font-family:var(--font-display);color:var(--denim-blue)}.seo__faq details[open] summary:after{content:"–"}.seo__faq details p{color:var(--ink-soft);margin:var(--sp-2) 0 0;line-height:1.6}.share-preview--err{display:flex;align-items:center;justify-content:center;text-align:center;color:var(--ink-soft);font-weight:700;font-size:14px;padding:var(--sp-6)}.lb{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-4)}.lb__loading,.lb__empty{color:var(--ink-soft);font-weight:700;font-size:14px;padding:var(--sp-3);text-align:center}.lb__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.lb__row{display:flex;align-items:center;gap:var(--sp-3);background:var(--surface);border:var(--outline);border-radius:var(--r-md);box-shadow:var(--shadow-sticker);padding:var(--sp-2) var(--sp-3);font-weight:700}.lb__rank{font-family:var(--font-display);font-size:18px;min-width:28px;text-align:center;color:var(--ink-soft)}.lb__rank--1{color:#e6a700}.lb__rank--2{color:#9aa7b4}.lb__rank--3{color:#c77b3b}.lb__av{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--goggle-black)}.lb__av--ph{background:var(--denim-blue)}.lb__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb__att{color:var(--ink-soft);font-size:13px}.note{background:var(--surface-2);border:2px solid var(--border);border-radius:var(--r-pill);padding:6px 14px;font-size:13px;font-weight:700;color:var(--ink-soft);text-align:center;align-self:center}