@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-vietnamese-opsz-normal.BjhtXyW2.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-ext-opsz-normal.BQn1nviT.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-opsz-normal.s-izfB6B.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-vietnamese-wght-italic.xAqemagA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-ext-wght-italic.DFS986qL.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-wght-italic.Bxi8ein9.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Albert Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/albert-sans-latin-ext-wght-normal.BAo4qCk1.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Albert Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/albert-sans-latin-wght-normal.BJ0ssN8N.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Albert Sans Fallback;src:local(Arial),local(ArialMT),local(Helvetica),local(Liberation Sans),local(LiberationSans),local(Arimo);font-weight:100 500;size-adjust:103.5%;ascent-override:91.8%;descent-override:24.2%;line-gap-override:0%}@font-face{font-family:Albert Sans Fallback;src:local(Arial Bold),local(Arial-BoldMT),local(Helvetica Bold),local(Helvetica-Bold),local(Liberation Sans Bold),local(LiberationSans-Bold),local(Arimo Bold),local(Arimo-Bold);font-weight:600 900;size-adjust:97.4%;ascent-override:97.5%;descent-override:25.7%;line-gap-override:0%}@font-face{font-family:Albert Sans Fallback Roboto;src:local(Roboto),local(Roboto Regular),local(Roboto-Regular);font-weight:100 900;size-adjust:104.1%;ascent-override:91.3%;descent-override:24%;line-gap-override:0%}@font-face{font-family:Newsreader Fallback;src:local(Times New Roman),local(TimesNewRomanPSMT),local(Liberation Serif),local(LiberationSerif),local(Tinos);font-weight:100 500;size-adjust:101.9%;ascent-override:72.1%;descent-override:26%;line-gap-override:0%}@font-face{font-family:Newsreader Fallback;src:local(Times New Roman Bold),local(TimesNewRomanPS-BoldMT),local(Liberation Serif Bold),local(LiberationSerif-Bold),local(Tinos Bold),local(Tinos-Bold);font-weight:600 900;size-adjust:100.9%;ascent-override:72.8%;descent-override:26.3%;line-gap-override:0%}@font-face{font-family:Newsreader Fallback Noto;src:local(Noto Serif),local(NotoSerif),local(NotoSerif-Regular);font-weight:100 900;size-adjust:87.4%;ascent-override:84.1%;descent-override:30.3%;line-gap-override:0%}@font-face{font-family:Newsreader Title Fallback;src:local(Times New Roman),local(TimesNewRomanPSMT),local(Liberation Serif),local(LiberationSerif),local(Tinos);size-adjust:105%;ascent-override:70%;descent-override:25.2%;line-gap-override:0%}@font-face{font-family:Newsreader Title Fallback Noto;src:local(Noto Serif),local(NotoSerif),local(NotoSerif-Regular);size-adjust:90%;ascent-override:81.7%;descent-override:29.4%;line-gap-override:0%}:root{--ground:#eef1f7;--ink:#121a33;--ink-2:#2b3553;--night:#172041;--night-2:#1e2850;--frame:#2e3a66;--rain:#9fb0d9;--star:#e9edf7;--card:#fff;--line:#d5dbe8;--line-2:#c6cedf;--band:#e2e7f1;--accent:#f2b04a;--accent-tint:#fff4de;--focus:#1b4fd8;--font-display:"Newsreader Variable", "Newsreader", "Newsreader Fallback", "Newsreader Fallback Noto", Georgia, serif;--font-title:"Newsreader Variable", "Newsreader", "Newsreader Title Fallback", "Newsreader Title Fallback Noto", Georgia, serif;--font-body:"Albert Sans Variable", "Albert Sans", "Albert Sans Fallback", "Albert Sans Fallback Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;--r-sm:12px;--r:20px;--r-lg:28px;--gutter:clamp(16px, 4vw, 24px);--maxw:1200px;--measure:68ch;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:16px}body{background:var(--ground);color:var(--ink);font-family:var(--font-body);text-rendering:optimizelegibility;margin:0;font-size:17px;line-height:1.6}img,svg,video{max-width:100%}a{color:var(--ink);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--ink-2);text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}.skip-link{z-index:50;background:var(--card);border-radius:var(--r-sm);padding:10px 14px;font-weight:700;position:absolute;top:8px;left:-9999px}.skip-link:focus{left:16px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.container{width:100%;max-width:var(--maxw);padding-inline:var(--gutter);margin-inline:auto}h1,h2,h3{text-wrap:balance;margin:0}h1{font-family:var(--font-title);letter-spacing:-.02em;font-size:clamp(2.35rem,1.7rem + 2.8vw,3.5rem);font-weight:400;line-height:1.05}h2{font-family:var(--font-display);letter-spacing:-.005em;font-size:clamp(1.65rem,1.35rem + 1.1vw,2.05rem);font-weight:600;line-height:1.2}h3{font-size:1.15rem;font-weight:700;line-height:1.35}p{margin:0}.eyebrow{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);font-size:13px;font-weight:700}.label{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;font-size:13px;font-weight:700;line-height:1.4}.lede{color:var(--ink-2);max-width:60ch;font-size:19px}.small{color:var(--ink-2);font-size:15px}.display{font-family:var(--font-display)}.site-header{z-index:20;padding-block:20px 8px;position:relative}.site-header__inner{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand span{font-family:var(--font-display);letter-spacing:-.01em;font-size:26px;font-weight:600}.brand:hover{color:var(--ink)}.brand--small span{font-size:20px}.main-nav{align-items:center;gap:8px 26px;font-size:16px;font-weight:500;display:flex}.main-nav a{padding-block:8px;text-decoration:none}.main-nav a[aria-current=page]{text-decoration:underline 2px}.pill{background:var(--accent);min-height:44px;color:var(--ink);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 20px;font-weight:700;text-decoration:none;display:inline-flex}.pill:hover{color:var(--ink);filter:brightness(.97)}.mobile-actions{align-items:center;gap:8px;display:none}.menu{position:static}.menu summary{border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--card);cursor:pointer;place-items:center;width:44px;height:44px;list-style:none;display:grid}.menu summary::-webkit-details-marker{display:none}.menu__panel{left:var(--gutter);right:var(--gutter);background:var(--card);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;padding:8px;display:flex;position:absolute;top:calc(100% + 4px);box-shadow:0 12px 30px #121a331f}.menu__panel a{border-radius:var(--r-sm);padding:12px 14px;font-weight:600;text-decoration:none}.menu__panel a:hover{background:var(--ground)}@media (width<=820px){.main-nav{display:none}.mobile-actions{display:flex}.pill{padding:0 16px}}.page{flex-direction:column;gap:clamp(40px,5vw,64px);padding-block:24px 72px;display:flex}.page-intro{flex-direction:column;gap:12px;display:flex}.breadcrumbs ol{color:var(--ink-2);flex-wrap:wrap;gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.breadcrumbs li+li:before{content:"/";margin-right:6px}.breadcrumbs a{color:var(--ink-2)}.btn{border:1px solid var(--ink);background:var(--card);min-height:44px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{background:var(--ground);color:var(--ink)}.btn--accent{background:var(--accent);border-color:var(--accent)}.btn--accent:hover{background:var(--accent);filter:brightness(.97)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line-2);background:var(--card);min-height:40px;color:var(--ink);border-radius:999px;padding:0 14px;font-size:15px;font-weight:600}.chip:hover{border-color:var(--ink-2)}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--ink);font-weight:700}.chip:disabled{opacity:.55;cursor:not-allowed}kbd{border:1px solid var(--ink);min-height:26px;color:var(--ink);background:var(--card);border-bottom-width:3px;border-radius:6px;align-items:center;padding:0 8px;font-family:inherit;font-size:13px;font-weight:700;display:inline-flex}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;gap:12px;padding:24px;display:flex}.card-row{flex-wrap:wrap;gap:16px;display:flex}.card-row>*{flex:250px;min-width:0}.card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:14px;display:grid}.hub-group{flex-direction:column;gap:14px;display:flex}.link-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);color:var(--ink);align-items:center;gap:16px;padding:18px 20px;text-decoration:none;display:flex}.link-card:hover{border-color:var(--ink-2);color:var(--ink)}.link-card__text{flex-direction:column;min-width:0;display:flex}.link-card__text strong{font-weight:700}.link-card__text span{color:var(--ink-2);font-size:15px}.window{background:var(--night);border-radius:var(--r-lg);aspect-ratio:460/380;max-width:100%;min-height:240px;position:relative;overflow:hidden}.window__glass{border-radius:18px;position:absolute;inset:24px;overflow:hidden}.window__glass svg{width:100%;height:100%;display:block}.window__frame{border:10px solid var(--frame);border-radius:18px;position:absolute;inset:24px}.window__frame:before{content:"";background:var(--frame);width:8px;margin-left:-4px;position:absolute;top:0;bottom:0;left:50%}.window__frame:after{content:"";background:var(--frame);height:8px;margin-top:-4px;position:absolute;top:50%;left:0;right:0}.window__sill{background:var(--frame);height:24px;position:absolute;bottom:0;left:0;right:0}.window .rain-drops{animation:1.6s linear infinite rainfall}.window.is-still .rain-drops{animation-play-state:paused}@keyframes rainfall{0%{transform:translateY(-40px)}to{transform:translate(-10px)}}@media (prefers-reduced-motion:reduce){.window .rain-drops{animation:none}}.tool{flex-wrap:wrap;align-items:stretch;gap:16px;display:flex}.tool>.window{flex:420px;min-width:0}.tool__panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;flex:380px;gap:22px;min-width:0;padding:24px;display:flex}.tool__group{flex-direction:column;gap:10px;display:flex}.player{align-items:center;gap:16px;display:flex}.play-btn{background:var(--accent);border:0;border-radius:50%;flex:none;place-items:center;width:64px;height:64px;display:grid}.play-btn:hover{filter:brightness(.97)}.play-btn svg{width:24px;height:24px}.player__status{flex-direction:column;min-width:0;display:flex}.player__title{font-size:19px;font-weight:700}.player__meta{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:15px}.sliders{grid-template-columns:minmax(96px,auto) minmax(0,1fr) 48px;align-items:center;gap:10px 14px;display:grid}.sliders label{font-weight:600}.sliders output{text-align:right;font-variant-numeric:tabular-nums;font-size:15px}input[type=range]{width:100%;accent-color:var(--ink);min-height:32px}.hint{color:var(--ink-2);align-items:center;gap:10px;font-size:15px;display:flex}.ad{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.ad__label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);font-size:12px}.ad__unit--rect,.ad__unit--banner{width:300px;height:250px}@media (width>=380px){.ad__unit--rect,.ad__unit--banner{width:336px;height:280px}}@media (width>=1024px){.ad__unit--banner{width:970px;height:250px}}.ad__unit--tall{width:300px;height:600px}.ad__box{background:var(--accent-tint);color:var(--ink);text-align:center;border:2px dashed #8a5a00;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px;display:flex}.ad__box span{letter-spacing:.1em;text-transform:uppercase;font-size:13px;font-weight:700}.ad__box small{max-width:36ch;font-size:14px}.with-aside{flex-wrap:wrap;align-items:flex-start;gap:56px;display:flex}.with-aside>article{flex:999 560px;min-width:0;max-width:720px}.with-aside>aside{flex-direction:column;flex:280px;gap:24px;min-width:0;max-width:320px;display:flex}@media (width<=900px){.with-aside>aside{display:none}}.aside-box{background:var(--card);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;gap:10px;padding:20px;display:flex}.aside-box a{font-weight:600}.prose{flex-direction:column;gap:40px;display:flex}.prose section{flex-direction:column;gap:14px;display:flex}.prose p,.prose li{max-width:var(--measure)}.prose ul,.prose ol{flex-direction:column;gap:10px;margin:0;padding-left:24px;display:flex}.prose strong{font-weight:700}.prose section h3{margin-top:10px}.faq{flex-direction:column;gap:16px;display:flex}.faq div{flex-direction:column;gap:4px;display:flex}.faq dt{font-weight:700}.faq dd{margin:0}.band{background:var(--band);border-radius:24px;flex-wrap:wrap;gap:16px;padding:28px;display:flex}.band>div{flex-direction:column;flex:220px;gap:4px;display:flex}.band strong{font-weight:700}.site-footer{border-top:1px solid var(--line)}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;gap:20px 32px;padding-block:32px 48px;font-size:15px;display:flex}.site-footer__brand{flex-direction:column;gap:6px;display:flex}.site-footer__nav{flex-wrap:wrap;align-items:center;gap:8px 22px;display:flex}.site-footer__small{color:var(--ink-2);flex-basis:100%}.hero{flex-wrap:wrap;align-items:stretch;gap:clamp(28px,4vw,48px);padding-top:12px;display:flex}.hero__text{flex-direction:column;flex:420px;gap:20px;min-width:0;display:flex}.hero h1{font-size:clamp(2.6rem,1.6rem + 4vw,4.1rem);line-height:1.02}.hero h1 em{font-style:italic}.hero__ask{margin-top:8px;font-weight:700}.needs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.need{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:16px;flex-direction:column;gap:2px;padding:16px 18px;text-decoration:none;display:flex}.need:hover{border-color:var(--ink-2);color:var(--ink)}.need span{color:var(--ink-2);font-size:15px}.hero-art{flex-direction:column;flex:440px;gap:14px;min-width:0;display:flex}.mini-player{background:var(--card);border:1px solid var(--line);border-radius:var(--r);flex-wrap:wrap;align-items:center;gap:14px 16px;padding:16px 18px;display:flex}.mini-player .player__status{flex:160px}.mini-player .play-btn{width:56px;height:56px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;display:flex}.card__link{margin-top:auto;font-weight:700}.card__quote{font-family:var(--font-display);font-size:22px;font-style:italic;line-height:1.3}.card__quote .small{font-family:var(--font-body);margin-top:6px;font-style:normal;display:block}.chip--link{align-items:center;padding:0 16px;text-decoration:none;display:inline-flex}@media (width<=520px){.needs{grid-template-columns:minmax(0,1fr)}}.text-page{flex-direction:column;gap:32px;max-width:720px;display:flex}.text-page .prose{gap:32px}.byline{color:var(--ink-2);font-size:15px}.notice{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px}.game{flex-direction:column;width:100%;max-width:920px;margin-inline:auto;display:flex}.game__bar{background:var(--card);border:1px solid var(--line);border-bottom:0;border-radius:24px 24px 0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 12px;padding:12px 16px;display:flex}.game__name{font-family:var(--font-display);font-size:24px;font-weight:600}.game__controls{flex-wrap:wrap;gap:8px;display:flex}@media (width<=480px){.game__name{display:none}}.game__sound{align-items:center;gap:6px;display:inline-flex}.game__stage{aspect-ratio:16/10;background:var(--night);-webkit-user-select:none;user-select:none;max-height:max(360px,100svh - 160px);position:relative;overflow:hidden}@media (width<=600px){.game__stage{aspect-ratio:3/4}}.game__stage canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.game__foot{background:var(--card);border:1px solid var(--line);min-height:68px;color:var(--ink-2);border-top:0;border-radius:0 0 24px 24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:12px 16px;font-size:15px;display:flex}.game__foot p{flex:260px}.note{width:min(88%,420px);color:var(--ink);background:#fff;border-radius:8px;flex-direction:column;gap:12px;padding:18px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-1.5deg);box-shadow:0 10px #0000002e}.note label{font-weight:700}.note textarea{-webkit-user-select:text;user-select:text;resize:none;border:1px solid var(--line-2);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:10px;font-size:16px;line-height:1.4}.note textarea::placeholder{color:var(--ink-2);opacity:.85}.note__ready{gap:6px}.note__ready .chip{min-height:36px;padding:0 12px;font-size:14px}.note__private{color:var(--ink-2);font-size:13px}.hold-btn{background:var(--accent);min-height:48px;color:var(--ink);touch-action:none;-webkit-touch-callout:none;border:0;border-radius:999px;align-self:flex-start;padding:0 22px;font-weight:700;position:relative;overflow:hidden}.hold-btn__fill{background:#121a3333;width:0%;position:absolute;inset:0 auto 0 0}.hold-btn__label{position:relative}.stage-card{width:min(86%,380px);color:var(--ink);text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:22px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stage-card .hold-btn{align-self:center}.stage-card__title{font-family:var(--font-display);font-size:26px;font-weight:600}.stage-card__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.gone-word{font-family:var(--font-display);font-size:clamp(40px,8vw,64px);line-height:1}.bored{align-items:flex-start}.bored__btn{background:var(--accent);min-height:64px;color:var(--ink);border:0;border-radius:999px;padding:0 30px;font-size:20px;font-weight:700;transition:transform 80ms,box-shadow 80ms;box-shadow:0 6px #c98a2e}.bored__btn:active{transform:translateY(4px);box-shadow:0 2px #c98a2e}.bored__result{width:100%}.bored__result .link-card{max-width:520px}.bored__idea{font-family:var(--font-display);margin:0;font-size:clamp(1.35rem,1.1rem + 1vw,1.75rem);line-height:1.3}.today-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:16px;display:grid}.today-grid .tool-card{max-width:none;height:100%}.site-map{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px 28px;display:grid}.site-map h3{margin:0 0 8px;font-size:20px}.site-map ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.site-map a{color:var(--ink)}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:15px}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px}.prose th{border-bottom:2px solid var(--line-2);font-weight:700}.game__stage--popit{background:var(--night);container-type:size}@media (width<=600px){.game__stage--popit{aspect-ratio:1}}.popit{width:min(90cqw, calc(86cqh * var(--cols) / var(--rows)));aspect-ratio:var(--cols) / var(--rows);grid-template-columns:repeat(var(--cols), 1fr);grid-template-rows:repeat(var(--rows), 1fr);filter:drop-shadow(0 8px #00000047);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:9%;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;translate:-50% -50%}.popit--round{border-radius:50%}.popit--heart{border-radius:0;overflow:visible}.popit__cell{background:var(--c);place-items:center;display:grid}.popit__cell.is-empty{background:0 0}.popit__b{aspect-ratio:1;cursor:pointer;background:radial-gradient(circle at 34% 30%, #fffc 0 10%, #fff0 24%), radial-gradient(circle at 50% 50%, var(--c) 0 58%, color-mix(in srgb, var(--c), #000 16%) 100%);width:80%;box-shadow:0 .18em 0 color-mix(in srgb, var(--c), #000 26%);-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;padding:0;transition:transform 80ms ease-out,box-shadow 80ms,background 80ms,opacity .2s}.popit__b[aria-pressed=true]{background:radial-gradient(circle at 50% 62%, color-mix(in srgb, var(--c), #000 24%) 0 52%, color-mix(in srgb, var(--c), #000 8%) 100%);transform:scale(.92);box-shadow:inset 0 .22em .4em #00000059}.popit__b.is-locked{opacity:.45;cursor:not-allowed}.popit__b:focus-visible{outline-offset:2px;outline:3px solid #fff}.popit--wrap{filter:none;background:#d6e2f638;border:1px solid #ffffff59;border-radius:4%}.popit--wrap .popit__cell{background:0 0}.popit--wrap .popit__b{background:radial-gradient(circle at 34% 30%,#fffffff2 0 9%,#ffffff40 20%,#dce8fc2e 60%,#ffffff73 100%);width:84%;box-shadow:inset 0 0 0 1px #ffffff8c}.popit--wrap .popit__b[aria-pressed=true]{background:#ffffff14;transform:scale(.9,.82);box-shadow:inset 0 0 0 1px #ffffff40}.popit.is-flipping{animation:.6s ease-in-out popit-flip}.popit.is-sliding{animation:.6s ease-in-out popit-slide}@keyframes popit-flip{0%{transform:perspective(900px)rotateY(0)}50%{transform:perspective(900px)rotateY(90deg)}to{transform:perspective(900px)rotateY(0)}}@keyframes popit-slide{0%{opacity:1;transform:translate(0)}49%{opacity:0;transform:translate(-60%)}51%{opacity:0;transform:translate(60%)}to{opacity:1;transform:translate(0)}}.game__foot--popit{flex-direction:column;align-items:stretch}.popit__turn{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.popit__turn p{flex:260px;margin:0}.color-tool{background:var(--card);border:1px solid var(--line);border-radius:24px;width:100%;max-width:1040px;margin-inline:auto;overflow:hidden}.color-tool__bar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 12px;padding:12px 16px;display:flex}.color-tool__name{font-family:var(--font-display);font-size:20px;font-weight:600}.color-tool__actions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=520px){.color-tool__bar{padding:10px 12px}.color-tool__name{white-space:nowrap;text-overflow:ellipsis;flex:100%;min-width:0;font-size:18px;overflow:hidden}.color-tool__actions{gap:6px}.color-tool__actions .chip{padding:0 12px}.color-tool__long{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.color-tool__main{grid-template-columns:minmax(0,1fr) 210px;gap:16px;padding:16px;display:grid}@media (width<=760px){.color-tool__main{grid-template-columns:minmax(0,1fr);padding:12px}}.color-tool__art{aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;min-width:min(100%,300px);max-width:min(100%,100svh - 200px);margin-inline:auto;overflow:hidden}.color-tool__art svg{cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%;height:100%;display:block}.color-tool__palette{grid-template-columns:repeat(4,1fr);align-content:start;gap:10px;display:grid}@media (width<=760px){.color-tool__palette{grid-template-columns:repeat(7,1fr);gap:8px}}.swatch{aspect-ratio:1;background:var(--sw);cursor:pointer;border:2px solid #121a3338;border-radius:50%;width:100%;padding:0;display:block}.swatch[aria-pressed=true],.swatch--custom.is-on{outline:3px solid var(--ink);outline-offset:2px}.swatch--custom{background:conic-gradient(#e8505b,#f6d55c,#7cc47f,#8fd3cf,#5b9be6,#a78bdb,#e8505b);position:relative;overflow:hidden}.swatch--custom input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.color-tool__hint{color:var(--ink-2);margin:0;padding:0 16px 14px;font-size:15px}.color-tool__hint [data-status]:not(:empty){color:var(--ink);font-weight:700}.coloring-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.coloring-card{flex-direction:column;gap:6px;display:flex}.coloring-card button{aspect-ratio:1;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;width:100%;padding:0;display:block;overflow:hidden}.coloring-card button:hover{border-color:var(--ink-2)}.coloring-card img{width:100%;height:100%;display:block}.coloring-card__title{font-size:15px;line-height:1.35}.coloring-card__links{flex-wrap:wrap;gap:4px 12px;font-size:14px;display:flex}@media print{@page{margin:12mm}body.print-art *{visibility:hidden!important}body.print-art .color-tool__art,body.print-art .color-tool__art *{visibility:visible!important}body.print-art .color-tool__art{border:0;border-radius:0;width:100%;max-width:none;height:auto;position:fixed;top:0;left:0}}.boss{z-index:100;color:#1f2328;background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:13px;position:fixed;inset:0;overflow:auto}.boss__bar{background:#f8f9fa;border-bottom:1px solid #dadce0;align-items:center;gap:16px;padding:8px 12px;display:flex}.boss table{border-collapse:collapse;min-width:720px}.boss th,.boss td{text-align:right;font-variant-numeric:tabular-nums;border:1px solid #e1e3e6;padding:4px 10px}.boss th{color:#444746;background:#f1f3f4;font-weight:400}.boss td:first-child,.boss th:first-child{text-align:left}.items{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.item{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding:14px 0;display:flex}.item:last-child{border-bottom:1px solid var(--line)}.item__text{max-width:var(--measure);margin:0}.items--compact .item{padding:10px 0}.item__day{min-width:44px;color:var(--ink-2);flex:none;padding-top:3px;font-size:13px;font-weight:700}.joke__setup{font-weight:600}.punch{transition:filter .2s}.hide-punch [data-joke]:not(.is-revealed) .punch{filter:blur(6px);cursor:pointer;-webkit-user-select:none;user-select:none}.copy-btn{border:1px solid var(--line-2);background:var(--card);min-height:36px;color:var(--ink);border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex}.copy-btn:hover{border-color:var(--ink-2)}.copy-btn.is-done{background:var(--accent);border-color:var(--ink)}.copy-btn--icon:before{content:"";background:currentColor;flex:none;width:16px;height:16px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='7' y='7' width='10' height='10' rx='2'/%3E%3Cpath d='M13 4H5a2 2 0 0 0-2 2v8'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='7' y='7' width='10' height='10' rx='2'/%3E%3Cpath d='M13 4H5a2 2 0 0 0-2 2v8'/%3E%3C/svg%3E") 50%/contain no-repeat}.quote{flex-direction:column;gap:6px;margin:0;display:flex}.quote blockquote{font-family:var(--font-display);margin:0;font-size:1.2rem;line-height:1.4}.quote figcaption{color:var(--ink-2);font-size:15px}.tool-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;gap:14px;width:100%;max-width:760px;padding:24px;display:flex}.picker__stage{flex-direction:column;gap:8px;min-height:96px;display:flex}.picker__text,.daily__text{font-family:var(--font-display);white-space:pre-line;margin:0;font-size:clamp(1.35rem,1.1rem + 1vw,1.75rem);line-height:1.3}.picker__punch,.daily__punch{margin:0;font-size:1.15rem;font-weight:600}.picker__by,.daily__by{color:var(--ink-2);margin:0;font-size:15px;font-weight:400}.picker__actions,.punch-switch{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.daily__week{flex-direction:column;gap:8px;margin-top:8px;display:flex}.misquotes{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.misquotes li{max-width:var(--measure);border-left:3px solid var(--line-2);flex-direction:column;gap:6px;padding-left:14px;display:flex}.misquote__text{font-family:var(--font-display);margin:0;font-size:1.1rem;line-height:1.4}.misquote__note{color:var(--ink-2);margin:0;font-size:15px}.misquote__note strong{color:var(--ink)}.word-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chip.is-done{background:var(--accent);border-color:var(--ink)}.tool-stack{flex-direction:column;gap:16px;display:flex}