@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/mali-thai-500-normal-D89rMT77.woff2)format("woff2"),url(/assets/mali-thai-500-normal-Cph2qha9.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/mali-vietnamese-500-normal-KDrNRwfW.woff2)format("woff2"),url(/assets/mali-vietnamese-500-normal--OY07q2c.woff)format("woff");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:Mali;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/mali-latin-ext-500-normal-BfJE4UMZ.woff2)format("woff2"),url(/assets/mali-latin-ext-500-normal-FoLEyOKS.woff)format("woff");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:Mali;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/mali-latin-500-normal-B01M-LP6.woff2)format("woff2"),url(/assets/mali-latin-500-normal-Thgqw_9f.woff)format("woff");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:Mali;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/mali-thai-600-normal-DlTx3OsB.woff2)format("woff2"),url(/assets/mali-thai-600-normal-DPgXT6rZ.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/mali-vietnamese-600-normal-DFlJr66u.woff2)format("woff2"),url(/assets/mali-vietnamese-600-normal-CtTMUU7T.woff)format("woff");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:Mali;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/mali-latin-ext-600-normal-BTvIfiCp.woff2)format("woff2"),url(/assets/mali-latin-ext-600-normal-DAQcLVmD.woff)format("woff");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:Mali;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/mali-latin-600-normal-B9TiUNpT.woff2)format("woff2"),url(/assets/mali-latin-600-normal-CycpQCwU.woff)format("woff");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:Mali;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/mali-thai-700-normal-DjdebB47.woff2)format("woff2"),url(/assets/mali-thai-700-normal-HU8A-eti.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/mali-vietnamese-700-normal-cyBa8w1S.woff2)format("woff2"),url(/assets/mali-vietnamese-700-normal-BxAmfcK6.woff)format("woff");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:Mali;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/mali-latin-ext-700-normal-Bxl-P7gA.woff2)format("woff2"),url(/assets/mali-latin-ext-700-normal-CjT8jNpY.woff)format("woff");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:Mali;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/mali-latin-700-normal-UA1FHiAM.woff2)format("woff2"),url(/assets/mali-latin-700-normal-DHEtm6Un.woff)format("woff");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:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-thai-thai-wght-normal-CtQSZ1tK.woff2)format("woff2-variations");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-thai-latin-ext-wght-normal-DH1q_yQ5.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:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-thai-latin-wght-normal-Bi3VDbYN.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}:where(.library-shell,.library-screen,.game-detail,.route-not-found){--library-cream:#fff8e9;--library-paper:#fffdf7;--library-ink:#2e2a5b;--library-peach:#ff7a70;--library-butter:#ffd66b;--library-mint:#82d6bd;--library-sky:#cfeffc;--library-outline:3px solid var(--library-ink);--library-outline-thin:2px solid var(--library-ink);--library-shadow-sm:3px 3px 0 var(--library-ink);--library-shadow:7px 7px 0 var(--library-ink);color:var(--library-ink);font-family:Noto Sans Thai Variable,Noto Sans Thai,system-ui,sans-serif}.library-shell{background:var(--library-cream);min-height:100dvh;overflow-x:clip}.library-shell .library-topbar{width:min(100% - 36px,1240px);min-height:64px;padding-top:max(12px, env(safe-area-inset-top));justify-content:space-between;align-items:center;gap:14px;margin-inline:auto;display:flex}.library-shell .library-topbar__brand{min-height:46px;color:var(--library-ink);align-items:center;gap:10px;font-family:Mali,cursive;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.library-shell .library-topbar__brand>span{aspect-ratio:1;border:var(--library-outline-thin);background:var(--library-butter);width:42px;box-shadow:var(--library-shadow-sm);border-radius:50%;place-items:center;font-size:.9rem;display:grid;transform:rotate(-5deg)}.library-shell .library-topbar__sound{border:var(--library-outline-thin);background:var(--library-paper);width:46px;min-height:46px;box-shadow:var(--library-shadow-sm);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:transform .14s,box-shadow .14s,background-color .14s;display:grid}.library-shell .library-topbar__sound[aria-pressed=true]{background:var(--library-mint)}.library-shell .library-topbar__sound svg{stroke-width:2.6px;width:20px;height:20px}.library-shell :where(.library-topbar__brand,.library-topbar__sound):focus-visible{outline:4px solid var(--library-sky);outline-offset:4px}.library-topbar{z-index:10;width:min(100%,1240px);padding:max(14px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) 4px max(18px, env(safe-area-inset-left));justify-content:space-between;align-items:center;margin-inline:auto;display:flex;position:relative}.library-topbar__brand{color:var(--library-ink);align-items:center;gap:9px;font-family:Mali,cursive;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.library-topbar__brand>span{aspect-ratio:1;border:var(--library-outline-thin);background:var(--library-peach);width:38px;box-shadow:2px 2px 0 var(--library-ink);border-radius:48% 44% 52% 46%;place-items:center;display:grid;transform:rotate(-4deg)}.library-topbar__sound{aspect-ratio:1;border:var(--library-outline-thin);background:var(--library-butter);width:44px;box-shadow:3px 3px 0 var(--library-ink);color:var(--library-ink);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid}.library-topbar__sound svg{stroke-width:2.5px;width:21px;height:21px}.library-topbar__brand:focus-visible,.library-topbar__sound:focus-visible{outline:4px solid var(--library-sky);outline-offset:4px}.library-topbar__sound:active{box-shadow:1px 1px 0 var(--library-ink);transform:translate(2px,2px)}:where(.library-screen,.game-detail,.route-not-found){width:min(100%,1240px);min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));margin-inline:auto}:where(.library-screen,.game-detail,.route-not-found) :where(h1,h2,p){margin-block-start:0}:where(.library-screen,.game-detail,.route-not-found) a{color:inherit;-webkit-tap-highlight-color:transparent}:where(.library-screen,.game-detail,.route-not-found) a:focus-visible{outline:4px solid var(--library-sky);outline-offset:4px}.library-screen{isolation:isolate;align-content:start;gap:clamp(24px,4vw,44px);display:grid;position:relative;overflow:clip visible}.library-screen:before,.library-screen:after{z-index:-1;border:var(--library-outline);content:"";pointer-events:none;position:absolute}.library-screen:before{background:var(--library-mint);width:92px;height:34px;box-shadow:var(--library-shadow-sm);top:24%;left:0;transform:rotate(-8deg)}.library-screen:after{background:var(--library-butter);width:72px;height:72px;box-shadow:var(--library-shadow-sm);border-radius:50%;bottom:8%;right:0}.library-screen .library-hero{border:var(--library-outline);background:var(--library-paper);box-shadow:var(--library-shadow);grid-template-columns:auto minmax(0,1fr) minmax(165px,auto);align-items:center;gap:clamp(16px,3vw,32px);padding:clamp(22px,4vw,42px);display:grid;position:relative;overflow:hidden}.library-screen .library-hero:before,.library-screen .library-hero:after{border-block:var(--library-outline-thin);background:var(--library-peach);content:"";height:12px;position:absolute;left:0;right:0}.library-screen .library-hero:before{top:0}.library-screen .library-hero:after{background:var(--library-mint);bottom:0}.library-screen .library-hero__brand{aspect-ratio:1;border:var(--library-outline);background:var(--library-butter);width:clamp(60px,8vw,86px);box-shadow:var(--library-shadow-sm);border-radius:50% 45% 48% 44%;place-items:center;display:grid;transform:rotate(-4deg)}.library-screen .library-hero__brand svg{stroke-width:2.6px;width:52%;height:52%}.library-screen .library-hero__copy{min-width:0}.library-screen .library-hero__eyebrow,.library-screen .game-card__eyebrow,.game-detail .game-detail__eyebrow,.route-not-found .route-not-found__eyebrow{letter-spacing:.08em;width:fit-content;margin-bottom:5px;font-size:.78rem;font-weight:850;line-height:1.35}.library-screen .library-hero__eyebrow{border:var(--library-outline-thin);background:var(--library-sky);box-shadow:2px 2px 0 var(--library-ink);padding:4px 10px}.library-screen .library-hero__title{letter-spacing:-.08em;margin-bottom:2px;font-family:Mali,cursive;font-size:clamp(3.4rem,8vw,6.7rem);font-weight:700;line-height:.92}.library-screen .library-hero__lede{color:#5c5877;text-wrap:balance;max-width:590px;margin-bottom:0;font-size:clamp(.98rem,1.6vw,1.16rem);font-weight:600;line-height:1.65}.library-screen .library-hero__note{border:var(--library-outline-thin);background:var(--library-butter);max-width:210px;box-shadow:var(--library-shadow-sm);text-align:center;margin-bottom:0;padding:15px 18px;font-family:Mali,cursive;font-size:.98rem;font-weight:700;line-height:1.45;position:relative;transform:rotate(2deg)}.library-screen .library-hero__note:before,.library-screen .library-hero__note:after{aspect-ratio:1;border:var(--library-outline-thin);background:var(--library-paper);content:"";border-radius:50%;width:13px;position:absolute;top:50%;transform:translateY(-50%)}.library-screen .library-hero__note:before{left:-1px}.library-screen .library-hero__note:after{right:-1px}.library-screen .game-library{gap:18px;padding-inline:clamp(0px,2vw,24px);display:grid;position:relative}.library-screen .game-library__heading{border-bottom:var(--library-outline);justify-content:space-between;align-items:end;gap:16px;padding:0 4px 9px;display:flex}.library-screen .game-library__heading h2{letter-spacing:-.04em;margin-bottom:0;font-family:Mali,cursive;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.15}.library-screen .game-library__heading p{border:var(--library-outline-thin);background:var(--library-paper);box-shadow:2px 2px 0 var(--library-ink);white-space:nowrap;margin-bottom:0;padding:5px 10px;font-size:.82rem;font-weight:800}.library-screen .game-library__grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:start;gap:clamp(20px,4vw,48px);padding:8px 8px 18px 2px;display:grid}.library-screen .game-card{border:var(--library-outline);background:var(--library-paper);min-width:0;box-shadow:var(--library-shadow);animation:.52s cubic-bezier(.2,.8,.25,1) both library-poster-settle;display:grid;position:relative;overflow:hidden}.library-screen .game-card:nth-child(2){margin-top:clamp(22px,5vw,62px);animation-delay:90ms}.library-screen .game-card:before,.library-screen .game-card:after{z-index:2;aspect-ratio:1;border:var(--library-outline-thin);background:var(--library-cream);content:"";border-radius:50%;width:19px;position:absolute;top:45%}.library-screen .game-card:before{left:-2px}.library-screen .game-card:after{right:-2px}.library-screen .game-card__artwork{isolation:isolate;border-bottom:var(--library-outline);place-items:center;min-height:clamp(190px,27vw,330px);display:grid;position:relative;overflow:hidden}.library-screen .game-card__artwork--burst{background:var(--library-peach)}.library-screen .game-card__artwork--chain{background:var(--library-sky)}.library-screen .game-card__artwork:before,.library-screen .game-card__artwork:after{z-index:-1;border:var(--library-outline);content:"";position:absolute}.library-screen .game-card__artwork--burst:before{aspect-ratio:1;background:var(--library-butter);height:78%;box-shadow:10px 10px 0 var(--library-ink);border-radius:50%}.library-screen .game-card__artwork--burst:after{aspect-ratio:1;background:var(--library-paper);border-radius:46% 54% 48% 52%;width:26%;transform:translate(54%,-45%)rotate(12deg)}.library-screen .game-card__artwork--chain:before,.library-screen .game-card__artwork--chain:after{border-radius:999px;width:44%;height:40%}.library-screen .game-card__artwork--chain:before{background:var(--library-butter);transform:translate(-23%)rotate(-18deg)}.library-screen .game-card__artwork--chain:after{background:var(--library-mint);transform:translate(23%)rotate(18deg)}.library-screen .game-card__artwork-ring{z-index:0;aspect-ratio:1;border:var(--library-outline);background:0 0;border-radius:50%;width:38%;position:absolute}.library-screen .game-card__artwork svg{z-index:1;border:var(--library-outline);background:var(--library-paper);width:clamp(60px,9vw,104px);height:clamp(60px,9vw,104px);box-shadow:var(--library-shadow-sm);stroke-width:2.3px;border-radius:50%;padding:16px}.library-screen .game-card__artwork-mark{border:var(--library-outline-thin);background:var(--library-paper);max-width:calc(100% - 28px);box-shadow:2px 2px 0 var(--library-ink);padding:5px 11px;font-family:Mali,cursive;font-size:clamp(.8rem,1.4vw,1rem);font-weight:700;position:absolute;bottom:12px;right:14px;transform:rotate(-2deg)}.library-screen .game-card__body{gap:12px;padding:clamp(18px,3vw,30px);display:grid}.library-screen .game-card__heading-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.library-screen .game-card__number{color:var(--library-ink);font-variant-numeric:tabular-nums;margin-bottom:0;font-family:Mali,cursive;font-size:.9rem;font-weight:700}.library-screen .game-card__eyebrow{border:var(--library-outline-thin);background:var(--library-butter);box-shadow:2px 2px 0 var(--library-ink);margin-bottom:0;padding:4px 9px}.library-screen .game-card--chain .game-card__eyebrow{background:var(--library-mint)}.library-screen .game-card__title{letter-spacing:-.065em;text-wrap:balance;margin-bottom:0;padding-top:16px;font-family:Mali,cursive;font-size:clamp(2.15rem,5vw,4.35rem);font-weight:700;line-height:1.15}.library-screen .game-card:nth-child(2) .game-card__title{font-size:clamp(1.95rem,4.2vw,3.7rem)}.library-screen .game-card__title-link{-webkit-text-decoration-color:var(--library-peach);text-decoration-color:var(--library-peach);text-underline-offset:.12em;text-decoration-thickness:.14em}.library-screen .game-card__summary{color:#5c5877;max-width:48ch;margin-bottom:0;font-size:clamp(.96rem,1.45vw,1.08rem);font-weight:580;line-height:1.65}.library-screen .game-card__facts{border-top:2px dashed var(--library-ink);flex-wrap:wrap;gap:8px;margin:0;padding:12px 0 0;list-style:none;display:flex}.library-screen .game-card__facts li{border:var(--library-outline-thin);background:var(--library-cream);min-height:32px;padding:5px 10px;font-size:.82rem;font-weight:800;line-height:1.35}.library-screen .game-card__action,.game-detail .game-detail__back-link,.route-not-found .route-not-found__action{border:var(--library-outline);background:var(--library-peach);min-height:46px;box-shadow:var(--library-shadow-sm);text-align:center;justify-content:center;align-items:center;gap:9px;font-weight:850;line-height:1.25;text-decoration:none;transition:transform .15s,box-shadow .15s,background-color .15s;display:inline-flex}.library-screen .game-card__action{width:fit-content;margin-top:2px;padding:10px 16px}.library-screen .game-card--chain .game-card__action{background:var(--library-butter)}.library-screen .game-card__action svg,.game-detail .game-detail__back-link svg,.route-not-found .route-not-found__action svg{stroke-width:2.6px;flex:none;width:19px;height:19px}.game-detail{align-content:start;gap:clamp(18px,3vw,30px);display:grid;position:relative;overflow:clip visible}.game-detail .game-detail__navigation{display:flex}.game-detail .game-detail__back-link{background:var(--library-paper);border-width:2px;min-height:44px;padding:8px 13px}.game-detail .game-detail__hero{isolation:isolate;border:var(--library-outline);background:var(--library-peach);box-shadow:var(--library-shadow);grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);align-items:end;gap:clamp(22px,5vw,64px);padding:clamp(28px,6vw,72px);display:grid;position:relative;overflow:hidden}.game-detail--chain .game-detail__hero{background:var(--library-sky)}.game-detail .game-detail__hero:before,.game-detail .game-detail__hero:after{z-index:-1;border:var(--library-outline);content:"";position:absolute}.game-detail .game-detail__hero:before{aspect-ratio:1;background:var(--library-butter);width:clamp(120px,23vw,280px);box-shadow:8px 8px 0 var(--library-ink);border-radius:50%;top:18px;right:8%}.game-detail .game-detail__hero:after{background:var(--library-mint);border-radius:999px;width:clamp(130px,20vw,240px);height:92px;bottom:18px;right:18px}.game-detail--chain .game-detail__hero:before{background:var(--library-butter);border-radius:999px}.game-detail--chain .game-detail__hero:after{background:var(--library-peach);border-radius:999px}.game-detail .game-detail__title-block,.game-detail .game-detail__facts{z-index:1;position:relative}.game-detail .game-detail__eyebrow{border:var(--library-outline-thin);background:var(--library-paper);box-shadow:var(--library-shadow-sm);margin-bottom:10px;padding:5px 10px}.game-detail .game-detail__title-block h1{letter-spacing:-.075em;text-wrap:balance;max-width:780px;margin-bottom:12px;font-family:Mali,cursive;font-size:clamp(3.2rem,8vw,7.4rem);font-weight:700;line-height:.94}.game-detail .game-detail__summary{text-wrap:balance;max-width:680px;margin-bottom:0;font-size:clamp(1rem,1.7vw,1.22rem);font-weight:680;line-height:1.65}.game-detail .game-detail__facts{gap:12px;margin:0;display:grid}.game-detail .game-detail__facts>div{border:var(--library-outline);background:var(--library-paper);box-shadow:var(--library-shadow-sm);padding:14px 16px;transform:rotate(1deg)}.game-detail .game-detail__facts>div:nth-child(2){transform:rotate(-1deg)}.game-detail .game-detail__facts dt{color:#5c5877;align-items:center;gap:7px;margin-bottom:4px;font-size:.78rem;font-weight:800;display:flex}.game-detail .game-detail__facts dt svg{width:17px;height:17px}.game-detail .game-detail__facts dd{margin:0;font-family:Mali,cursive;font-size:clamp(1rem,2vw,1.28rem);font-weight:700;line-height:1.35}.game-detail .game-detail__content{grid-template-columns:minmax(0,1fr) minmax(310px,.78fr);align-items:start;gap:clamp(22px,4vw,42px);display:grid}.game-detail .game-detail__rules,.game-detail .game-detail__modes{border:var(--library-outline);background:var(--library-paper);box-shadow:var(--library-shadow-sm);position:relative}.game-detail .game-detail__rules{padding:clamp(22px,4vw,40px)}.game-detail .game-detail__rules:before{border-inline:var(--library-outline-thin);background:var(--library-butter);content:"";width:92px;height:20px;position:absolute;top:-11px;left:clamp(18px,8vw,92px);transform:rotate(-2deg)}.game-detail .game-detail__rules>p{color:#5c5877;margin-bottom:24px;font-size:1.02rem;font-weight:580;line-height:1.75}.game-detail .game-detail__rules h2,.game-detail .game-detail__section-heading h2{letter-spacing:-.04em;margin-bottom:16px;font-family:Mali,cursive;font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.2}.game-detail .game-detail__rules ol{counter-reset:playbill-rule;gap:12px;margin:0;padding:0;list-style:none;display:grid}.game-detail .game-detail__rules li{counter-increment:playbill-rule;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;min-height:52px;line-height:1.55;display:grid}.game-detail .game-detail__rules li:before{aspect-ratio:1;border:var(--library-outline-thin);background:var(--library-sky);width:40px;box-shadow:2px 2px 0 var(--library-ink);content:counter(playbill-rule, decimal-leading-zero);border-radius:50%;place-items:center;font-family:Mali,cursive;font-size:.78rem;font-weight:700;display:grid}.game-detail .game-detail__modes{overflow:hidden}.game-detail .game-detail__section-heading{border-bottom:2px dashed var(--library-ink);background:var(--library-butter);padding:20px 22px 14px}.game-detail--chain .game-detail__section-heading{background:var(--library-sky)}.game-detail .game-detail__section-heading p{letter-spacing:.08em;margin-bottom:2px;font-size:.76rem;font-weight:850}.game-detail .game-detail__section-heading h2{margin-bottom:0}.game-detail .game-mode-list{gap:13px;padding:18px;display:grid}.game-detail .game-mode-card{border:var(--library-outline-thin);background:var(--library-paper);min-height:72px;box-shadow:var(--library-shadow-sm);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;text-decoration:none;transition:transform .15s,box-shadow .15s,background-color .15s;display:grid}.game-detail .game-mode-card--local{background:#fff0c9}.game-detail .game-mode-card--online{background:#ddf7ef}.game-detail .game-mode-card__icon{aspect-ratio:1;border:var(--library-outline-thin);background:var(--library-paper);border-radius:50%;place-items:center;width:44px;display:grid}.game-detail .game-mode-card__icon svg{width:21px;height:21px}.game-detail .game-mode-card__copy{gap:3px;line-height:1.4;display:grid}.game-detail .game-mode-card__copy strong{font-family:Mali,cursive;font-size:1rem}.game-detail .game-mode-card__copy>span{color:#5c5877;font-size:.84rem;font-weight:580}.game-detail .game-mode-card__arrow{width:20px;height:20px}.route-not-found{grid-template-columns:auto minmax(0,1fr) auto;align-content:center;align-items:center;gap:clamp(20px,5vw,52px);max-width:1040px;min-height:100dvh;display:grid;position:relative}.route-not-found:before{z-index:-1;inset:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));border:var(--library-outline);background:var(--library-paper);box-shadow:var(--library-shadow);content:"";position:absolute}.route-not-found .route-not-found__illustration{aspect-ratio:1;border:var(--library-outline);background:var(--library-sky);width:clamp(112px,19vw,180px);box-shadow:var(--library-shadow);border-radius:48% 52% 46% 54%;place-items:center;margin-left:clamp(18px,4vw,46px);display:grid;transform:rotate(-5deg)}.route-not-found .route-not-found__illustration svg{stroke-width:2.5px;width:48%;height:48%}.route-not-found .route-not-found__copy{min-width:0}.route-not-found .route-not-found__eyebrow{border:var(--library-outline-thin);background:var(--library-butter);box-shadow:2px 2px 0 var(--library-ink);margin-bottom:8px;padding:5px 10px}.route-not-found .route-not-found__copy h1{letter-spacing:-.07em;margin-bottom:10px;font-family:Mali,cursive;font-size:clamp(2.7rem,7vw,5.7rem);font-weight:700;line-height:1}.route-not-found .route-not-found__copy>p:not(.route-not-found__eyebrow){color:#5c5877;max-width:48ch;margin-bottom:14px;font-weight:580;line-height:1.7}.route-not-found .route-not-found__attempt{border:var(--library-outline-thin);background:var(--library-cream);white-space:nowrap;max-width:100%;padding:8px 10px;font-size:.78rem;display:block;overflow-x:auto}.route-not-found .route-not-found__action{background:var(--library-peach);min-width:170px;margin-right:clamp(18px,4vw,46px);padding:11px 15px}@media (hover:hover){.library-shell .library-topbar__sound:hover{background:var(--library-sky);box-shadow:5px 5px 0 var(--library-ink);transform:translate(-1px,-1px)}.library-screen .game-card__action:hover,.game-detail .game-detail__back-link:hover,.game-detail .game-mode-card:hover,.route-not-found .route-not-found__action:hover{box-shadow:6px 6px 0 var(--library-ink);transform:translate(-2px,-2px)}.library-screen .game-card__title-link:hover{-webkit-text-decoration-color:var(--library-mint);text-decoration-color:var(--library-mint)}.game-detail .game-mode-card:hover{background:var(--library-sky)}}.library-screen .game-card__action:active,.game-detail .game-detail__back-link:active,.game-detail .game-mode-card:active,.route-not-found .route-not-found__action:active{box-shadow:1px 1px 0 var(--library-ink);transform:translate(2px,2px)}@keyframes library-poster-settle{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0}}@media (width<=760px){.library-shell .library-topbar{width:calc(100% - 28px)}:where(.library-screen,.game-detail,.route-not-found){padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left))}.library-screen{gap:24px}.library-screen .library-hero{grid-template-columns:auto minmax(0,1fr);gap:14px;padding:24px 18px 26px}.library-screen .library-hero__brand{width:58px}.library-screen .library-hero__title{font-size:clamp(3rem,17vw,4.8rem)}.library-screen .library-hero__note{grid-column:1/-1;justify-self:stretch;max-width:none;padding:10px 15px;transform:none}.library-screen .game-library__grid{grid-template-columns:minmax(0,1fr);gap:26px;padding-inline:3px 8px}.library-screen .game-card,.library-screen .game-card:nth-child(2){margin-top:0;transform:none}.library-screen .game-card__artwork{min-height:clamp(170px,54vw,230px)}.library-screen .game-card__title,.library-screen .game-card:nth-child(2) .game-card__title{font-size:clamp(2.25rem,12vw,3.35rem)}.game-detail .game-detail__hero{grid-template-columns:minmax(0,1fr);align-items:start;gap:22px;padding:30px 20px}.game-detail .game-detail__title-block h1{font-size:clamp(3rem,17vw,5.1rem)}.game-detail .game-detail__facts{grid-template-columns:repeat(2,minmax(0,1fr))}.game-detail .game-detail__content{grid-template-columns:minmax(0,1fr)}.route-not-found{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:22px;padding:46px 34px}.route-not-found:before{inset:14px}.route-not-found .route-not-found__illustration{width:112px;margin-left:0}.route-not-found .route-not-found__eyebrow{margin-inline:auto}.route-not-found .route-not-found__action{width:min(100%,300px);margin-right:0}}@media (width<=420px){.library-screen .library-hero{grid-template-columns:minmax(0,1fr);justify-items:start}.library-screen .library-hero__brand{width:52px}.library-screen .library-hero__note{grid-column:auto}.library-screen .game-library__heading{flex-direction:column;align-items:start;gap:8px}.library-screen .game-card__body{padding:17px}.library-screen .game-card__action{width:100%}.game-detail .game-detail__facts{grid-template-columns:minmax(0,1fr)}.game-detail .game-mode-card{grid-template-columns:auto minmax(0,1fr)}.game-detail .game-mode-card__arrow{display:none}.route-not-found{padding-inline:30px}}@media (width>=700px) and (height<=520px){:where(.library-screen,.game-detail){padding-block:max(10px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-bottom))}.library-screen{gap:16px}.library-screen:before{left:-76px}.library-screen .library-hero{grid-template-columns:auto minmax(0,1fr) minmax(150px,auto);gap:14px;padding:18px 22px 20px}.library-screen .library-hero__brand{width:54px}.library-screen .library-hero__title{font-size:3.5rem}.library-screen .library-hero__lede{font-size:.9rem;line-height:1.45}.library-screen .library-hero__note{padding:8px 12px;font-size:.82rem}.library-screen .library-hero__note:before,.library-screen .library-hero__note:after{width:9px}.library-screen .game-library{gap:10px}.library-screen .game-library__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.library-screen .game-card:nth-child(2){margin-top:14px}.library-screen .game-card__artwork{min-height:120px}.library-screen .game-card__artwork:before,.library-screen .game-card__artwork:after,.library-screen .game-card__artwork-ring{display:none}.library-screen .game-card__artwork svg{width:58px;height:58px;padding:12px}.library-screen .game-card__body{gap:8px;padding:14px}.library-screen .game-card__title,.library-screen .game-card:nth-child(2) .game-card__title{font-size:2.25rem}.library-screen .game-card__summary{font-size:.86rem;line-height:1.4}.game-detail .game-detail__hero{grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);padding:22px 28px}.game-detail .game-detail__title-block h1{font-size:4rem}.game-detail .game-detail__content{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr)}}@media (prefers-reduced-motion:reduce){.library-screen .game-card{animation:none}.library-screen .game-card__action,.game-detail .game-detail__back-link,.game-detail .game-mode-card,.route-not-found .route-not-found__action{scroll-behavior:auto;transition:none}}:root{color:#2e2a5b;font-synthesis:none;text-rendering:optimizelegibility;--cream:#fff8e9;--paper:#fffdf7;--ink:#2e2a5b;--peach:#ff7a70;--butter:#ffd66b;--mint:#82d6bd;--sky:#cfeffc;--white:#fff;--muted-ink:#66627f;--outline:3px solid var(--ink);--outline-thin:2px solid var(--ink);--shadow-sm:3px 3px 0 var(--ink);--shadow:6px 6px 0 var(--ink);--shadow-lg:10px 10px 0 var(--ink);--radius-sm:12px;--radius:20px;--radius-lg:32px;background:#fff8e9;font-family:Noto Sans Thai Variable,Noto Sans Thai,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--cream);min-width:320px;min-height:100%}body{background:var(--cream);min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:4px solid var(--sky);outline-offset:4px}button:disabled{cursor:not-allowed;filter:saturate(.35);opacity:.58;box-shadow:2px 2px 0 var(--ink);transform:none}::selection{color:var(--ink);background:var(--butter)}#root{min-height:100dvh}.route-loading{min-height:100dvh;color:var(--ink);background:var(--cream);place-items:center;padding:24px;font-family:Mali,cursive;font-size:1.15rem;font-weight:700;display:grid}.route-error{min-height:100dvh;color:var(--ink);background:var(--cream);text-align:center;place-content:center;justify-items:center;gap:14px;padding:28px;display:grid}.route-error h1,.route-error p{max-width:620px;margin:0}.route-error h1{font-family:Mali,cursive;font-size:clamp(2rem,8vw,4rem)}.route-error>p:first-child{border:var(--outline-thin);background:var(--peach);box-shadow:var(--shadow-sm);padding:5px 11px;font-weight:800}.route-error>div{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.route-error button{border:var(--outline-thin);border-radius:var(--radius-sm);background:var(--butter);box-shadow:var(--shadow-sm);cursor:pointer;padding:11px 17px;font-weight:800}.app-shell{isolation:isolate;min-height:100dvh;padding:max(14px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;display:flex;position:relative;overflow:clip visible}.ambient-doodles{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-doodles>*{width:64px;height:64px;color:var(--ink);opacity:.2;place-items:center;display:grid;position:absolute;transform:rotate(-9deg)}.ambient-doodles>:first-child{color:var(--peach);top:13%;left:2%}.ambient-doodles>:nth-child(2){color:var(--mint);top:7%;right:4%;transform:rotate(12deg)}.ambient-doodles>:nth-child(3){color:var(--butter);bottom:8%;left:5%;transform:rotate(15deg)}.ambient-doodles>:nth-child(4){color:var(--sky);bottom:13%;right:2%}.topbar{z-index:20;justify-content:space-between;align-items:center;gap:16px;width:min(100%,1180px);margin:0 auto 18px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:10px;margin:0;font-family:Mali,cursive;font-size:clamp(1.15rem,2vw,1.45rem);font-weight:700;display:inline-flex}.brand svg,.brand__mark,.brand-mark{border:var(--outline-thin);background:var(--butter);width:40px;height:40px;box-shadow:var(--shadow-sm);border-radius:50%;padding:7px}.sound-toggle{border:var(--outline-thin);background:var(--paper);min-height:44px;box-shadow:var(--shadow-sm);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:9px 13px;font-size:.9rem;font-weight:700;transition:transform .14s,box-shadow .14s,background-color .14s;display:inline-flex}.sound-toggle:hover{background:var(--sky);box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.screen{z-index:1;flex:1;place-items:center;width:min(100%,1180px);margin:0 auto;display:grid}.stage{isolation:isolate;border:var(--outline);border-radius:var(--radius-lg);background:var(--paper);width:100%;min-height:min(740px,100dvh - 105px);box-shadow:7px 7px 0 var(--ink);align-content:center;padding:clamp(26px,4vw,54px);display:grid;position:relative;overflow:visible}.stage:before,.stage:after{z-index:0;border:var(--outline);background:var(--peach);content:"";border-radius:999px;width:clamp(10px,1.5vw,18px);position:absolute;top:-12px;bottom:-12px}.stage:before{left:0;transform:none}.stage:after{right:0;transform:none}.stage>*{z-index:1;position:relative}.welcome,.setup,.handoff,.countdown,.game,.result{z-index:1;width:min(100%,1060px);margin-inline:auto;position:relative}.welcome,.handoff,.countdown,.result{text-align:center;justify-items:center;display:grid}.welcome{gap:18px}.eyebrow{border:var(--outline-thin);background:var(--butter);width:fit-content;box-shadow:var(--shadow-sm);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:7px;margin:0;padding:6px 13px;font-size:.78rem;font-weight:800;line-height:1.35;display:inline-flex}.title{letter-spacing:-.07em;text-wrap:balance;max-width:900px;margin:0;font-family:Mali,cursive;font-size:clamp(3.15rem,9vw,7.25rem);font-weight:700;line-height:.96}.title:after{border:var(--outline-thin);background:var(--peach);width:42%;height:11px;box-shadow:3px 3px 0 var(--ink);content:"";border-radius:999px;margin:14px auto 0;display:block;transform:rotate(-1.5deg)}.subtitle{max-width:680px;color:var(--muted-ink);text-wrap:balance;margin:0;font-size:clamp(1rem,2vw,1.25rem);font-weight:560;line-height:1.75}.primary-button,.secondary-button,.ghost-button{border:var(--outline);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:9px;min-height:50px;font-weight:800;line-height:1.2;transition:transform .14s,box-shadow .14s,background-color .14s;display:inline-flex}.primary-button{background:var(--peach);box-shadow:var(--shadow);padding:13px 24px;font-family:Mali,cursive;font-size:1.05rem}.secondary-button{background:var(--butter);box-shadow:var(--shadow-sm);padding:11px 19px}.ghost-button{background:var(--paper);box-shadow:2px 2px 0 var(--ink);border-width:2px;padding:10px 15px}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.ghost-button:hover:not(:disabled){transform:translate(-2px,-2px)}.primary-button:hover:not(:disabled){box-shadow:8px 8px 0 var(--ink)}.secondary-button:hover:not(:disabled),.ghost-button:hover:not(:disabled){box-shadow:5px 5px 0 var(--ink)}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled),.ghost-button:active:not(:disabled),.sound-toggle:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.setup{gap:clamp(22px,4vw,36px);display:grid}.setup__header,.setup-header{text-align:center;justify-items:center;gap:10px;display:grid}.setup h1,.setup h2,.handoff h1,.handoff h2,.countdown h1,.countdown h2,.result h1,.result h2{letter-spacing:-.045em;text-wrap:balance;margin:0;font-family:Mali,cursive;font-size:clamp(2rem,5vw,3.75rem);line-height:1.1}.setup p,.handoff p,.countdown p,.result p{margin:0}.word-entry{align-items:stretch;gap:12px;width:min(100%,780px);margin-inline:auto;display:flex}.word-entry input,.word-entry textarea{resize:vertical;border:var(--outline);border-radius:var(--radius-sm);background:var(--white);flex:1;min-width:0;min-height:56px;padding:13px 16px;font-size:1.05rem;font-weight:650;box-shadow:inset 0 -3px #2e2a5b14}.word-entry input::placeholder,.word-entry textarea::placeholder{color:#88849a}.word-grid,.word-list{flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.word-chip{border:var(--outline-thin);background:var(--sky);min-height:42px;box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:8px;padding:7px 10px 7px 14px;font-weight:750;display:inline-flex}.word-chip:nth-child(4n+2){background:var(--butter);transform:rotate(1deg)}.word-chip:nth-child(4n+3){background:var(--mint);transform:rotate(-1deg)}.word-chip:nth-child(4n){background:#ffd6d1}.word-chip button{background:var(--paper);cursor:pointer;border:0;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;display:grid}.setup__actions,.setup-actions,.handoff__actions,.handoff-actions,.result__actions,.result-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.timer-picker,.mode-picker{border:0;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:0;padding:0;display:grid}.timer-picker legend,.mode-picker legend{width:100%;margin-bottom:11px;font-family:Mali,cursive;font-size:1rem;font-weight:700}.timer-picker label,.mode-picker label,.timer-picker button,.mode-picker button{border:var(--outline-thin);border-radius:var(--radius-sm);background:var(--paper);min-height:62px;box-shadow:var(--shadow-sm);cursor:pointer;text-align:center;place-items:center;padding:10px 12px;font-weight:800;display:grid;position:relative}.timer-picker button[aria-pressed=true],.mode-picker button[aria-pressed=true],.timer-picker .selected,.mode-picker .selected{background:var(--butter);box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.timer-picker label:has(input:checked){background:var(--butter);box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.mode-picker label:has(input:checked){background:var(--butter);box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.timer-picker input,.mode-picker input{opacity:0;width:1px;height:1px;position:absolute}.handoff{gap:18px;padding-block:20px}.curtain{border:var(--outline);border-radius:50% 50% var(--radius) var(--radius);background:var(--peach);width:min(100%,520px);min-height:245px;box-shadow:var(--shadow);place-items:center;margin:8px auto;display:grid;position:relative;overflow:hidden}.curtain:before,.curtain:after{border:var(--outline);content:"";background:#ff9b8f;border-radius:48%;width:58%;height:130%;position:absolute;top:-22%}.curtain:before{left:-27%;transform:rotate(-7deg)}.curtain:after{right:-27%;transform:rotate(7deg)}.curtain>*{z-index:1;position:relative}.countdown{align-content:center;gap:18px;min-height:420px}.countdown__number,.countdown-number{aspect-ratio:1;border:var(--outline);background:var(--butter);width:clamp(150px,28vw,250px);box-shadow:var(--shadow-lg);border-radius:50%;place-items:center;font-family:Mali,cursive;font-size:clamp(5rem,15vw,9rem);font-weight:700;line-height:1;animation:.7s cubic-bezier(.2,.8,.25,1) both countdown-pop;display:grid}.game{gap:20px;display:grid}.game-hud{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 18px;display:grid}.game-hud__meta,.game-hud-meta,.game-hud__actions,.game-hud-actions{align-items:center;gap:10px;display:flex}.game-hud__meta,.game-hud-meta{flex-wrap:wrap}.game-hud__actions,.game-hud-actions{justify-content:flex-end}.game-hud__stat,.game-hud-stat,.timer,.score{border:var(--outline-thin);background:var(--paper);border-radius:999px;align-items:center;gap:7px;min-height:42px;padding:7px 11px;font-weight:800;display:inline-flex}.timer{background:var(--butter);box-shadow:var(--shadow-sm);font-variant-numeric:tabular-nums;font-family:Mali,cursive}.score{background:var(--mint)}.progress{border:var(--outline-thin);background:var(--cream);border-radius:999px;grid-column:1/-1;width:100%;height:18px;position:relative;overflow:hidden}.progress>span,.progress__bar,.progress-bar{width:var(--progress,0%);border-right:var(--outline-thin);border-radius:inherit;background:var(--mint);height:100%;transition:width .28s;display:block}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.8vw,18px);display:grid}.word-card{border:var(--outline);border-radius:var(--radius);background:var(--white);min-width:0;height:clamp(116px,14vw,158px);min-height:clamp(112px,14vw,158px);box-shadow:var(--shadow);text-align:center;text-wrap:balance;place-items:center;padding:14px 10px;font-family:Mali,cursive;font-size:clamp(1.05rem,2vw,1.45rem);font-weight:700;line-height:1.25;transition:transform .18s,box-shadow .18s,background-color .18s;display:grid;position:relative;overflow:hidden}button.word-card{cursor:pointer}button.word-card:hover:not(:disabled){box-shadow:8px 8px 0 var(--ink);transform:translate(-2px,-2px)rotate(-.5deg)}.word-card:nth-child(4n+2){transform:rotate(.6deg)}.word-card:nth-child(4n+3){transform:rotate(-.5deg)}.word-card.revealed,.word-card--revealed,.word-card[data-state=revealed]{background:var(--mint);box-shadow:3px 3px 0 var(--ink);transform:translate(3px,3px)rotate(-1deg)}.word-card.manual,.word-card--manual,.word-card[data-state=manual]{background:var(--butter)}.word-card.missed,.word-card--missed,.word-card[data-state=missed]{color:#6b3444;box-shadow:3px 3px 0 var(--ink);background:#ffd6d1}.word-card.missed:after,.word-card--missed:after,.word-card[data-state=missed]:after{background:var(--peach);content:"";border-radius:999px;width:78%;height:3px;position:absolute;transform:rotate(-8deg)}.word-card__status,.word-card-status{border:var(--outline-thin);background:var(--paper);border-radius:50%;place-items:center;width:27px;height:27px;display:grid;position:absolute;top:8px;right:8px}.word-card-label{overflow-wrap:anywhere;overscroll-behavior:contain;scrollbar-width:none;word-break:break-word;min-width:0;max-width:100%;max-height:100%;display:block;overflow-y:auto}.word-card-label::-webkit-scrollbar{width:0;height:0;display:none}.word-card-status+.word-card-label{max-height:calc(100% - 26px);padding-top:26px}.word-card.has-scrollable-word{padding-bottom:24px}.word-card-scroll-hint{color:var(--muted-ink);pointer-events:none;font-family:Noto Sans Thai Variable,Noto Sans Thai,system-ui,sans-serif;font-size:.65rem;font-weight:750;line-height:1.2;position:absolute;bottom:4px;left:9px;right:9px}.listening-console{border:var(--outline-thin);border-radius:var(--radius);background:var(--sky);min-height:62px;box-shadow:var(--shadow-sm);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 13px;display:grid}.listening-console__icon,.listening-console-icon,.listening-dot{border:var(--outline-thin);background:var(--peach);border-radius:50%;place-items:center;width:38px;height:38px;animation:1.4s ease-in-out 4 listen-pulse;display:grid}.listening-console__copy,.listening-console-copy{min-width:0}.listening-console p,.listening-console strong{text-overflow:ellipsis;white-space:nowrap;margin:0;display:block;overflow:hidden}.listening-console small{color:var(--muted-ink);font-weight:650}.cadence-sink{z-index:-1;opacity:.01;pointer-events:none;resize:none;border:0;width:2px;height:2px;padding:0;position:fixed;bottom:0;left:0;overflow:hidden}.paused-overlay{z-index:30;background:#fff8e9eb;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.paused-overlay__card,.paused-overlay-card{border:var(--outline);border-radius:var(--radius-lg);background:var(--sky);width:min(100%,430px);box-shadow:var(--shadow-lg);text-align:center;justify-items:center;gap:16px;padding:clamp(25px,5vw,42px);display:grid;transform:rotate(-1deg)}.paused-overlay h2{margin:0;font-family:Mali,cursive;font-size:clamp(2rem,5vw,3.3rem)}.paused-overlay p{margin:0;line-height:1.65}.result{gap:18px}.result__score,.result-score{aspect-ratio:1;border:var(--outline);background:var(--butter);width:clamp(165px,28vw,230px);box-shadow:var(--shadow-lg);border-radius:50%;place-items:center;font-family:Mali,cursive;font-size:clamp(3rem,8vw,5.5rem);font-weight:700;line-height:.9;display:grid;transform:rotate(2deg)}.result__score small,.result-score small{font-family:Noto Sans Thai Variable,Noto Sans Thai,system-ui,sans-serif;font-size:.82rem;line-height:1.2;display:block}.result__summary,.result-summary{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.result__summary>*,.result-summary>*{border:var(--outline-thin);background:var(--paper);border-radius:999px;padding:7px 12px;font-weight:750}.toast{z-index:100;right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));border:var(--outline);border-radius:var(--radius-sm);background:var(--paper);max-width:min(390px,100vw - 36px);box-shadow:var(--shadow);align-items:center;gap:10px;padding:12px 15px;font-weight:700;animation:.25s ease-out both toast-in;display:flex;position:fixed}.toast--success,.toast.success{background:var(--mint)}.toast--error,.toast.error{background:#ffd6d1}.confetti{z-index:90;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti>*,.confetti-piece{border:2px solid var(--ink);background:var(--peach);width:13px;height:24px;animation:2.8s linear 2 confetti-fall;position:absolute;top:-30px}.confetti>:nth-child(3n+2),.confetti-piece:nth-child(3n+2){background:var(--butter);animation-delay:-.8s}.confetti>:nth-child(3n),.confetti-piece:nth-child(3n){background:var(--mint);animation-delay:-1.7s}.mascot{width:clamp(112px,18vw,180px);filter:drop-shadow(5px 6px 0 var(--ink));transform-origin:50% 100%;place-items:center;display:inline-grid;position:relative}.mascot svg{width:100%;height:auto;display:block;overflow:visible}.mascot__body,.mascot__face,.mascot__head{stroke:var(--ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.mascot__body{fill:var(--peach)}.mascot__belly,.mascot__muzzle{fill:var(--cream);stroke:var(--ink);stroke-width:2.5px}.mascot__ear,.mascot__ears,.mascot__accent{fill:var(--butter);stroke:var(--ink);stroke-width:3px}.mascot__eye,.mascot__eyes,.mascot__nose,.mascot__mouth{fill:var(--ink);stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round}.mascot__cheek,.mascot__blush{fill:var(--peach)}.mascot__arm,.mascot__arms,.mascot__leg,.mascot__legs,.mascot__tail{stroke:var(--ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.mascot__spark,.mascot__star{fill:var(--butter);stroke:var(--ink);stroke-width:2px;transform-box:fill-box;transform-origin:50%;animation:1.8s ease-in-out 3 sparkle}.mascot--listening,.mascot.listening{animation:1.5s ease-in-out 4 mascot-listen}.mascot--happy,.mascot.happy,.mascot--celebrate,.mascot.celebrate{animation:.72s ease-in-out 4 mascot-hop}.mascot--sleeping,.mascot.sleeping,.mascot--paused,.mascot.paused{transform:rotate(-4deg)}.mascot__bubble,.mascot__speech{border:var(--outline-thin);background:var(--paper);min-width:max-content;box-shadow:var(--shadow-sm);filter:none;border-radius:999px;padding:7px 10px;font-family:Mali,cursive;font-size:.82rem;font-weight:700;position:absolute;top:2%;left:78%}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-header{z-index:20;justify-content:space-between;align-items:center;gap:16px;width:min(100%,1180px);min-height:48px;margin:0 auto 18px;display:flex}.brand-button{cursor:pointer;letter-spacing:-.035em;background:0 0;border:0;align-items:center;gap:12px;padding:0;font-family:Mali,cursive;font-size:clamp(1.15rem,2vw,1.45rem);font-weight:700;display:inline-flex}.brand-button:hover .brand-mark{box-shadow:5px 5px 0 var(--ink);transform:rotate(-7deg)translate(-1px,-1px)}.brand-mark{border:var(--outline-thin);background:var(--butter);width:42px;height:42px;box-shadow:var(--shadow-sm);border-radius:50% 45% 52% 47%;place-items:center;padding:0;font-family:Mali,cursive;font-size:1.05rem;transition:transform .14s,box-shadow .14s;display:grid}.icon-button{border:var(--outline-thin);background:var(--paper);width:44px;height:44px;box-shadow:2px 2px 0 var(--ink);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;transition:transform .14s,box-shadow .14s,background-color .14s;display:inline-grid}.icon-button svg{stroke-width:2.5px;width:20px;height:20px}.icon-button:hover:not(:disabled){background:var(--sky);box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.icon-button:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(1px,1px)}.app-main{z-index:1;flex:1;width:min(100%,1180px);margin:0 auto;display:grid}.screen{align-content:center;place-items:initial;border:var(--outline);border-radius:var(--radius-lg);background:var(--paper);width:100%;min-height:min(760px,100dvh - 108px);box-shadow:var(--shadow-lg);padding:clamp(28px,5vw,66px);display:grid;position:relative;overflow:hidden}.screen:before,.screen:after{z-index:0;border:var(--outline);background:var(--peach);content:"";pointer-events:none;width:clamp(17px,2.5vw,30px);position:absolute;top:-12px;bottom:-12px}.screen:before{left:-7px;transform:rotate(1deg)}.screen:after{right:-7px;transform:rotate(-1deg)}.screen>*{z-index:1;position:relative}.app-main.screen{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;overflow:visible}.app-main.screen:before,.app-main.screen:after{display:none}.screen-heading{text-align:center;justify-items:center;gap:8px;max-width:760px;margin:0 auto;display:grid}.screen-heading h1,.play-heading h1,.result-hero h1{letter-spacing:-.05em;text-wrap:balance;margin:0;font-family:Mali,cursive;font-size:clamp(2rem,4.5vw,3.65rem);font-weight:700;line-height:1.14}.screen-heading>p:not(.step-label),.result-hero>p:not(.eyebrow){color:var(--muted-ink);font-size:1rem;font-weight:550;line-height:1.65}.step-label{border:var(--outline-thin);background:var(--butter);width:fit-content;box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:9px;margin:0;padding:6px 12px 6px 7px;font-size:.8rem;font-weight:800;display:inline-flex}.step-label>span{border:var(--outline-thin);background:var(--paper);border-radius:50%;place-items:center;width:25px;height:25px;font-family:Mali,cursive;line-height:1;display:grid}.screen-actions{justify-content:space-between;align-items:center;gap:14px;display:flex}.text-button{cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 5px;font-weight:800;display:inline-flex}.text-button:hover{border-bottom-color:var(--ink)}.text-button svg,.primary-button svg,.secondary-button svg{stroke-width:2.5px;width:20px;height:20px}.welcome-screen{grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);align-items:center;gap:clamp(30px,4vw,58px)}.welcome-copy{justify-items:start;gap:20px;padding-left:clamp(0px,2vw,22px);display:grid}.welcome-copy h1{letter-spacing:-.075em;max-width:710px;margin:0;font-family:Mali,cursive;font-size:clamp(4.25rem,6.1vw,5.5rem);font-weight:700;line-height:1.08}.welcome-copy h1:after{border:var(--outline-thin);background:var(--peach);width:62%;height:11px;box-shadow:var(--shadow-sm);content:"";border-radius:999px;margin-top:17px;display:block;transform:rotate(-1.5deg)}.welcome-lead{max-width:600px;color:var(--muted-ink);margin:0;font-size:clamp(1.05rem,2vw,1.25rem);font-weight:560;line-height:1.7}.welcome-actions{flex-wrap:wrap;gap:12px;display:flex}.welcome-online-button{background:var(--mint)}.welcome-mascot{border:var(--outline);background:var(--sky);min-height:350px;box-shadow:var(--shadow);border-radius:50% 48% 44% 46%;place-items:center;display:grid;position:relative;transform:rotate(1.5deg)}.welcome-mascot .mascot{--mascot-scale:1.55}.welcome-mascot:before,.welcome-mascot:after{border:var(--outline-thin);background:var(--butter);content:"";position:absolute}.welcome-mascot:before{width:24px;height:24px;top:28px;left:34px;transform:rotate(18deg)}.welcome-mascot:after{background:var(--peach);border-radius:999px;width:38px;height:15px;bottom:32px;right:34px;transform:rotate(-12deg)}.mascot-bubble{z-index:5;border:var(--outline-thin);background:var(--paper);box-shadow:var(--shadow-sm);border-radius:999px 999px 999px 8px;padding:8px 12px;font-family:Mali,cursive;font-size:.86rem;font-weight:700;position:absolute;top:24px;right:18px;transform:rotate(2deg)}.setup-screen{align-content:start;gap:clamp(18px,3vw,30px)}.setup-layout,.setup-inputs{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(18px,3vw,30px);display:grid}.word-entry-panel,.topic-entry-panel,.setup-list-panel,.option-panel,.typed-guess-form{border:var(--outline);border-radius:var(--radius);background:var(--cream);box-shadow:var(--shadow)}.word-entry-panel,.topic-entry-panel{align-content:start;gap:10px;padding:clamp(18px,3vw,28px);display:grid}.setup-inputs>*{width:100%;margin:0}.word-entry-panel>label,.topic-entry-panel>label{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.word-entry-panel>label>span,.topic-entry-panel>label>span{font-family:Mali,cursive;font-size:1.15rem;font-weight:700}.word-entry-panel>label>small,.topic-entry-panel>label>small{color:var(--muted-ink);font-size:.75rem;font-weight:700}.word-entry-controls{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px;display:grid}.word-entry-panel input,.topic-entry-panel input{border:var(--outline-thin);border-radius:var(--radius-sm);background:var(--white);width:100%;min-width:0;min-height:54px;padding:12px 15px;font-size:1.02rem;font-weight:650;box-shadow:inset 0 -3px #2e2a5b14}.word-entry-panel input[aria-invalid=true],.topic-entry-panel input[aria-invalid=true]{background:#fff0ee}.topic-entry-panel{background:var(--butter);transform:rotate(-.35deg)}.topic-entry-panel input{background:var(--paper)}.field-help{color:var(--muted-ink);font-size:.78rem;font-weight:650}.entry-panel-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.entry-panel-footer>span{color:var(--muted-ink);font-size:.84rem;font-weight:600}.form-message{border:var(--outline-thin);background:#ffd6d1;border-radius:10px;margin:0;padding:8px 11px;font-size:.88rem;font-weight:700}.setup-list-panel{background:var(--sky);grid-template-rows:auto minmax(0,1fr);min-height:190px;display:grid;overflow:hidden}.panel-heading{border-bottom:var(--outline-thin);background:var(--butter);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.panel-heading h2{margin:0;font-family:Mali,cursive;font-size:1.15rem}.panel-heading>span{border:var(--outline-thin);background:var(--paper);border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:800}.empty-word-list{min-height:125px;color:var(--muted-ink);text-align:center;align-content:center;place-items:center;gap:10px;padding:24px;display:grid}.empty-word-list svg{width:38px;height:38px;color:var(--peach);stroke-width:2.5px}.empty-word-list p{margin:0;font-weight:650}.setup-word-list{scrollbar-color:var(--ink) transparent;scrollbar-width:thin;flex-wrap:wrap;place-content:start flex-start;gap:10px;max-height:240px;margin:0;padding:16px;list-style:none;display:flex;overflow:auto}.setup-word-list li{border:var(--outline-thin);background:var(--paper);width:auto;max-width:100%;height:auto;min-height:46px;box-shadow:2px 2px 0 var(--ink);border-radius:999px;align-items:center;gap:8px;padding:5px 5px 5px 10px;font-weight:700;display:inline-flex;transform:none}.setup-word-list li:nth-child(3n+2){background:#fff3cb}.setup-word-list li:nth-child(3n){background:#e5f8f0}.setup-word-number{border:1.5px solid var(--ink);width:25px;height:25px;color:var(--ink);background:var(--butter);border-radius:50%;flex:none;place-items:center;font-family:Mali,cursive;font-size:.7rem;font-weight:700;display:grid}.setup-word-label{overflow-wrap:anywhere;word-break:break-word;min-width:0}.setup-word-list .icon-button{width:44px;height:44px;box-shadow:none;background:#ffd6d1}.setup-word-list .icon-button svg{width:17px;height:17px}.handoff-screen{align-content:start;gap:clamp(24px,4vw,38px)}.handoff-heading{grid-template-columns:1fr auto 1fr}.handoff-heading .step-label,.handoff-heading h1,.handoff-heading p,.handoff-heading .curtain{grid-column:1/-1}.handoff-heading>.mascot{grid-area:1/2/span 2;margin-left:min(52vw,570px);transform:rotate(4deg)}.game-options{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(18px,3vw,30px);width:min(100%,660px);display:grid}.option-panel{grid-template-columns:auto minmax(0,1fr);align-content:start;gap:12px;padding:clamp(18px,3vw,28px);display:grid}.option-panel h2{margin:0;font-family:Mali,cursive;font-size:1.18rem}.option-panel p{color:var(--muted-ink);margin:3px 0 0;font-size:.88rem;font-weight:560;line-height:1.5}.option-icon{border:var(--outline-thin);background:var(--butter);width:48px;height:48px;box-shadow:var(--shadow-sm);border-radius:14px;place-items:center;display:grid;transform:rotate(-2deg)}.option-icon svg{stroke-width:2.5px;width:24px;height:24px}.duration-stepper{grid-column:1/-1;grid-template-columns:auto minmax(100px,1fr) auto;align-items:center;gap:12px;margin-top:14px;display:grid}.duration-stepper output{border:var(--outline-thin);border-radius:var(--radius);background:var(--butter);min-height:86px;box-shadow:var(--shadow-sm);justify-content:center;align-items:baseline;gap:8px;padding:12px;display:flex}.duration-stepper strong{font-family:Mali,cursive;font-size:2.8rem;line-height:1}.duration-stepper span{font-weight:750}.mode-options{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.mode-card{border:var(--outline-thin);border-radius:var(--radius);background:var(--paper);min-height:130px;box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;align-content:start;gap:5px;padding:18px 14px 14px;transition:transform .14s,box-shadow .14s,background-color .14s;display:grid;position:relative}.mode-card:hover:not(:disabled){box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.mode-card.is-selected{background:var(--mint);box-shadow:5px 5px 0 var(--ink)}.mode-card>span:not(.mode-card-check){color:var(--muted-ink);font-size:.82rem;line-height:1.45}.mode-card-check{border:var(--outline-thin);background:var(--paper);opacity:0;border-radius:50%;place-items:center;width:25px;height:25px;display:grid;position:absolute;top:9px;right:9px}.mode-card-check svg{stroke-width:3px;width:15px}.mode-card.is-selected .mode-card-check{opacity:1}.countdown-screen{text-align:center;justify-items:center;gap:12px}.countdown-screen>p{margin:0;font-family:Mali,cursive;font-size:clamp(1.25rem,2.5vw,1.65rem);font-weight:700}.countdown-screen .mascot{margin-bottom:-22px}.countdown-topic,.round-topic{border:var(--outline-thin);background:var(--sky);width:fit-content;max-width:100%;box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:9px;margin:0;padding:7px 12px 7px 7px;line-height:1.25;display:inline-flex}.countdown-topic>span,.round-topic>span{border:1.5px solid var(--ink);background:var(--butter);letter-spacing:.04em;border-radius:999px;flex:none;padding:4px 8px;font-size:.68rem;font-weight:850}.countdown-topic>strong,.round-topic>strong{overflow-wrap:anywhere;min-width:0;font-family:Mali,cursive;font-size:.94rem}.play-screen{align-content:start;gap:22px}.play-toolbar{border-bottom:var(--outline-thin);grid-template-columns:auto minmax(190px,1fr) auto;align-items:center;gap:16px;padding-bottom:18px;display:grid}.timer{border-radius:var(--radius-sm);justify-content:center;min-width:118px;font-size:1.2rem}.timer.is-urgent{background:var(--peach);animation:.72s ease-in-out infinite urgent-bump}.round-progress-copy{color:var(--muted-ink);gap:6px;font-size:.82rem;font-weight:700;display:grid}.progress-track{border:var(--outline-thin);background:var(--cream);border-radius:999px;width:100%;height:15px;overflow:hidden}.progress-track>span{border-right:var(--outline-thin);border-radius:inherit;background:var(--mint);height:100%;transition:width .28s;display:block}.play-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.play-heading>div{gap:8px;min-width:0;display:grid}.play-heading .round-topic{grid-area:1/2;align-self:center;margin-left:2px}.play-heading .eyebrow{grid-area:1/1}.play-heading h1{grid-area:2/1/auto/-1}.play-heading .mascot{margin:-18px 18px -15px 0}.word-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.8vw,18px);display:grid}.word-card{appearance:none;min-height:clamp(116px,14vw,158px)}.word-card-number{color:var(--muted-ink);letter-spacing:.05em;font-size:.72rem;position:absolute;top:10px;left:11px}.word-card-hidden{color:var(--muted-ink);font-family:Noto Sans Thai Variable,Noto Sans Thai,system-ui,sans-serif;font-size:clamp(.82rem,1.4vw,.95rem);font-weight:750;display:block}.word-card>svg{width:22px;height:22px;color:var(--peach);stroke-width:2.5px}.word-card.is-revealed{background:var(--mint);box-shadow:3px 3px 0 var(--ink);transform:translate(3px,3px)rotate(-1deg)}.word-card.is-revealed .word-card-check{animation:.3s ease-out both check-pop}.word-card.is-missed{color:#6b3444;box-shadow:3px 3px 0 var(--ink);background:#ffd6d1}.word-card-check{border:var(--outline-thin);background:var(--paper);border-radius:50%;place-items:center;width:29px;height:29px;display:grid;position:absolute;top:8px;right:8px}.word-card-check svg{stroke-width:3px;width:17px;height:17px}.listener-panel{border:var(--outline-thin);border-radius:var(--radius);background:var(--sky);min-height:68px;box-shadow:var(--shadow-sm);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.listener-panel>div{gap:2px;min-width:0;display:grid}.listener-panel strong,.listener-panel>div>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.listener-panel>div>span{color:var(--muted-ink);font-size:.82rem;font-weight:650}.listener-indicator{border:var(--outline-thin);background:var(--muted-ink);border-radius:50%;width:18px;height:18px;display:block;position:relative}.listener-indicator.is-active{background:var(--peach);animation:1.4s ease-in-out 4 listen-pulse}.listener-indicator.has-focus:after{border:2px solid var(--peach);content:"";border-radius:50%;animation:1.4s ease-out 3 focus-ring;position:absolute;inset:-7px}.manual-hint{align-items:center;gap:7px;font-size:.78rem;font-weight:750;display:inline-flex}.manual-hint svg{width:18px;height:18px}.typed-guess-form{background:var(--cream);box-shadow:var(--shadow-sm);grid-template-columns:minmax(150px,.34fr) minmax(0,1fr);align-items:center;gap:7px 16px;padding:14px 16px;display:grid}.typed-guess-form>label{gap:1px;display:grid}.typed-guess-form>label>span{font-family:Mali,cursive;font-size:1rem;font-weight:750}.typed-guess-form>label>small,.typed-guess-feedback{color:var(--muted-ink);font-size:.75rem;font-weight:650}.typed-guess-controls{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px;min-width:0;display:grid}.typed-guess-controls input{border:var(--outline-thin);border-radius:var(--radius-sm);background:var(--white);width:100%;min-width:0;min-height:50px;padding:11px 14px;font-weight:650;box-shadow:inset 0 -3px #2e2a5b14}.typed-guess-controls input:disabled{color:var(--muted-ink);background:#ece9df}.typed-guess-controls .secondary-button{min-height:50px;padding-inline:16px}.typed-guess-feedback{grid-column:2;min-height:1.25em;margin:0}.play-screen.is-paused{background:#fffaf0}.play-screen.is-paused .listener-panel{background:var(--butter)}.play-screen.is-paused .word-grid{opacity:.78}.result-screen{text-align:center;align-content:start;justify-items:center;gap:24px}.result-hero{justify-items:center;gap:10px;max-width:760px;display:grid}.result-hero .mascot{margin-bottom:-22px}.result-win .result-hero h1{color:var(--ink)}.result-timeout .result-hero .eyebrow{background:var(--peach)}.result-legend{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.result-legend>span{border:var(--outline-thin);background:var(--paper);box-shadow:2px 2px 0 var(--ink);border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:.85rem;font-weight:750;display:inline-flex}.result-legend>span:first-child{background:var(--mint)}.result-legend>span:last-child:not(:first-child){background:#ffd6d1}.result-legend svg{stroke-width:3px;width:17px;height:17px}.result-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.mascot{--mascot-scale:1;width:calc(116px * var(--mascot-scale));height:calc(146px * var(--mascot-scale));filter:none;transform-origin:50% 100%;flex:none;display:block;position:relative}.mascot--small{--mascot-scale:.72}.mascot--large{--mascot-scale:1.35}.mascot__body{z-index:3;border:var(--outline);background:var(--peach);width:58%;height:69%;box-shadow:4px 5px 0 var(--ink);border-radius:48% 48% 42% 42%;position:absolute;top:11%;left:21%}.mascot__body:before{z-index:-1;border:var(--outline-thin);background:var(--ink);content:"";border-block-width:0;width:9%;height:30%;position:absolute;bottom:-28%;left:50%;transform:translate(-50%)}.mascot__body:after{border:var(--outline-thin);background:var(--butter);content:"";border-radius:999px;width:63%;height:9%;position:absolute;bottom:-31%;left:50%;transform:translate(-50%)}.mascot__face{width:70%;height:28%;position:absolute;top:18%;left:15%}.mascot__eye{background:var(--ink);border:0;border-radius:999px;width:10%;height:28%;position:absolute;top:12%}.mascot__eye--left{left:18%}.mascot__eye--right{right:18%}.mascot__mouth{border:0;border-bottom:3px solid var(--ink);background:0 0;border-radius:50%;width:24%;height:22%;position:absolute;bottom:2%;left:50%;transform:translate(-50%)}.mascot__grille{gap:5px;width:66%;display:grid;position:absolute;bottom:13%;left:17%}.mascot__grille>div{background:var(--ink);border-radius:999px;height:3px}.mascot__grille>div:nth-child(2){width:82%;margin-inline:auto}.mascot__ear{z-index:4;border:var(--outline);background:var(--butter);width:16%;height:24%;position:absolute;top:34%}.mascot__ear--left{border-radius:999px 8px 8px 999px;left:10%;transform:rotate(-5deg)}.mascot__ear--right{border-radius:8px 999px 999px 8px;right:10%;transform:rotate(5deg)}.mascot__wave{z-index:1;border:3px solid var(--ink);opacity:0;width:38%;height:53%;position:absolute;top:20%}.mascot__wave--back{border-block-color:#0000;border-right-color:#0000;border-radius:50% 0 0 50%;left:0}.mascot__wave--front{border-block-color:#0000;border-left-color:#0000;border-radius:0 50% 50% 0;right:0}.mascot--listening .mascot__wave{opacity:1;animation:1.15s ease-out 4 mascot-wave}.mascot--listening{animation:1.5s ease-in-out 4 mascot-listen}.mascot--celebrate{animation:.72s ease-in-out 4 mascot-hop}.mascot--celebrate .mascot__body{background:var(--mint)}.mascot--celebrate:before,.mascot--celebrate:after{aspect-ratio:1;border:var(--outline-thin);background:var(--butter);content:"";width:13%;position:absolute;top:2%}.mascot--celebrate:before{left:3%;transform:rotate(18deg)}.mascot--celebrate:after{background:var(--sky);right:1%;transform:rotate(-13deg)}.mascot--sleep{transform:rotate(-4deg)}.mascot--sleep .mascot__eye{border-radius:0;height:2px;top:23%}.mascot--sleep .mascot__mouth{border:2px solid var(--ink);border-radius:50%;width:15%;height:15%}@keyframes check-pop{0%{transform:scale(.4)rotate(-14deg)}75%{transform:scale(1.15)rotate(4deg)}to{transform:scale(1)rotate(0)}}@keyframes focus-ring{0%{opacity:.8;transform:scale(.72)}to{opacity:0;transform:scale(1.3)}}@keyframes mascot-wave{0%{opacity:0;transform:scale(.8)}45%{opacity:.8}to{opacity:0;transform:scale(1.12)}}@keyframes urgent-bump{0%,to{transform:rotate(-1deg)scale(1)}50%{transform:rotate(1deg)scale(1.04)}}@keyframes countdown-pop{0%{opacity:0;transform:scale(.55)rotate(-8deg)}65%{opacity:1;transform:scale(1.08)rotate(2deg)}to{transform:scale(1)rotate(0)}}@keyframes listen-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes mascot-listen{0%,to{transform:rotate(-2deg)translateY(0)}50%{transform:rotate(2deg)translateY(-4px)}}@keyframes mascot-hop{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-10px)rotate(3deg)}}@keyframes sparkle{0%,to{transform:scale(.85)rotate(-8deg)}50%{transform:scale(1.1)rotate(8deg)}}@keyframes toast-in{0%{opacity:0;transform:translateY(18px)rotate(1deg)}to{opacity:1;transform:translateY(0)rotate(-1deg)}}@keyframes confetti-fall{0%{transform:translateY(-5vh)rotate(0)}to{transform:translate(35px,110vh)rotate(560deg)}}@media (width<=900px){.stage,.screen{border-radius:26px;min-height:calc(100dvh - 100px);padding:clamp(24px,5vw,44px)}.card-grid,.word-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.welcome-screen{grid-template-columns:minmax(0,1fr) minmax(240px,.7fr);gap:28px}.welcome-copy h1{font-size:clamp(3.8rem,9.8vw,6.2rem)}.welcome-mascot{min-height:330px}.setup-layout,.setup-inputs,.game-options{grid-template-columns:minmax(0,1fr)}.option-panel{grid-template-columns:auto minmax(0,1fr)}.setup-word-list{max-height:220px}.play-toolbar{grid-template-columns:auto minmax(160px,1fr) auto}}@media (width<=620px){.app-shell{padding-top:max(10px, env(safe-area-inset-top))}.topbar,.app-header{margin-bottom:10px}.brand svg,.brand__mark,.brand-mark{width:36px;height:36px}.sound-toggle{width:44px;padding:0}.sound-toggle span{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.stage,.screen{min-height:calc(100dvh - 78px);box-shadow:5px 5px 0 var(--ink);border-radius:22px;padding:22px 15px 26px}.stage:before,.stage:after,.screen:before,.screen:after{width:8px}.title{font-size:clamp(3rem,18vw,5.4rem)}.subtitle{line-height:1.6}.word-entry,.entry-panel-footer{flex-direction:column;align-items:stretch}.word-entry-panel{grid-template-columns:minmax(0,1fr)}.word-entry .primary-button,.word-entry .secondary-button{width:100%}.timer-picker,.mode-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.game-hud,.play-toolbar{grid-template-columns:minmax(0,1fr)}.game-hud__actions,.game-hud-actions{justify-content:stretch;width:100%}.progress{grid-column:1}.game-hud-meta{grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:8px;width:100%;display:grid}.game-hud-meta .score{text-align:center;justify-content:center;min-width:0}.card-grid,.word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.word-card{height:124px;min-height:106px;box-shadow:4px 4px 0 var(--ink);border-radius:16px}.listening-console,.listener-panel{grid-template-columns:auto minmax(0,1fr)}.listening-console>:last-child:not(:nth-child(2)){grid-column:1/-1}.curtain{min-height:155px;margin-block:2px}.handoff-screen{gap:14px}.handoff-heading{gap:4px}.handoff-heading .curtain{margin-bottom:10px}.handoff-screen .game-options{gap:12px}.toast{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom))}.brand-button{gap:8px;font-size:1.1rem}.brand-mark{width:36px;height:36px;font-size:.92rem}.welcome-screen{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:20px}.welcome-copy{justify-items:center;gap:13px;padding-left:0}.welcome-copy h1{font-size:clamp(3rem,13.2vw,3.35rem);line-height:1.08}.welcome-copy h1:after{margin-top:12px;width:48%;height:8px;margin-inline:auto}.welcome-actions{justify-content:center;width:100%}.welcome-actions>button{width:min(100%,310px)}.welcome-mascot{width:min(100%,238px);min-height:184px;box-shadow:4px 4px 0 var(--ink);border-width:2px}.welcome-mascot .mascot{--mascot-scale:.78}.mascot-bubble{max-width:160px;padding:6px 9px;font-size:.69rem;top:10px;right:6px}.screen-heading h1,.play-heading h1,.result-hero h1{font-size:clamp(1.85rem,9vw,2.75rem)}.screen-actions{align-items:stretch}.screen-actions .primary-button{flex:1}.word-entry-panel,.topic-entry-panel,.setup-list-panel,.option-panel,.typed-guess-form{box-shadow:4px 4px 0 var(--ink)}.handoff-heading{grid-template-columns:1fr}.handoff-heading>.mascot{grid-area:auto/1;margin:0 0 -16px}.mode-options{grid-template-columns:minmax(0,1fr)}.mode-card{min-height:105px}.play-toolbar{align-items:stretch;gap:12px}.timer{width:fit-content}.round-progress-copy{grid-row:2}.pause-button{width:100%;position:static}.play-heading .mascot{--mascot-scale:.58;margin-right:3px}.play-heading .round-topic{grid-area:2/1}.play-heading h1{grid-row:3}.listener-panel .manual-hint{grid-column:1/-1;justify-self:center}.typed-guess-form{grid-template-columns:minmax(0,1fr);gap:10px;padding:14px}.typed-guess-form>label{grid-template-columns:auto 1fr;align-items:baseline;gap:8px}.typed-guess-feedback{grid-column:1}.result-screen{gap:20px}}@media (width<=380px){.stage,.screen{padding-inline:14px}.word-card{height:110px;min-height:96px;padding-inline:7px;font-size:1rem}.setup__actions,.setup-actions,.handoff__actions,.handoff-actions,.result__actions,.result-actions,.screen-actions{width:100%;display:grid}.screen-actions .text-button{grid-row:2}.option-panel{grid-template-columns:minmax(0,1fr)}.option-icon{width:42px;height:42px}.word-entry-controls,.typed-guess-controls{grid-template-columns:minmax(0,1fr)}.duration-stepper,.mode-options{grid-column:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}