@font-face{font-family:Titan One;font-style:normal;font-display:swap;font-weight:400;src:url(../media/titan-one-latin-400-normal.2comizl_0h-nl.woff2)format("woff2"),url(../media/titan-one-latin-400-normal.2xu_0y8wb3lzf.woff)format("woff")}
@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(../media/baloo-2-devanagari-wght-normal.0bqzx92lnwdxh.woff2)format("woff2-variations");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(../media/baloo-2-vietnamese-wght-normal.03jxny9fwpujl.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:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(../media/baloo-2-latin-ext-wght-normal.3puiabnnm96z-.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:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(../media/baloo-2-latin-wght-normal.32-ew25bw57g5.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}
:root{--bg:#fff8d6;--panel:#fff;--ink:#24124a;--ink-soft:#5b4a85;--line:#24124a;--shadow:#24124a;--hero:#ffd93b;--chip:#fff;--sun:#ffd93b;--cherry:#ff5c7a;--orange:#ff9a3d;--grape:#b07cf2;--lime:#7ed957;--blue:#5aa2ff;--on-flavour:#24124a;--display:"Titan One", "Arial Rounded MT Bold", "Trebuchet MS", sans-serif;--body:"Baloo 2 Variable", "Trebuchet MS", "Segoe UI", sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#170c33;--panel:#26174f;--ink:#fff3d1;--ink-soft:#c9b8f0;--line:#fff3d1;--shadow:#07031a;--hero:#3a2380;--chip:#26174f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:500 18px/1.45 var(--body);margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline:4px solid var(--blue);outline-offset:3px}h1,h2{font-family:var(--display);text-wrap:balance;margin:0;font-weight:400;line-height:1.05}h2{font-size:clamp(1.6rem,4vw,2.2rem)}.wrap{max-width:1120px;margin:0 auto;padding-inline:16px}.bar{z-index:5;background:var(--bg);border-bottom:3px solid var(--line);position:sticky;top:0}.bar__inner{align-items:center;padding-block:10px;display:flex}.logo{font-family:var(--display);align-items:center;gap:8px;font-size:1.5rem;text-decoration:none;display:flex}.logo i{border:3px solid var(--line);background:var(--cherry);border-radius:5px;width:22px;height:28px;position:relative}.logo i:after{content:"";background:var(--line);border-radius:2px;width:4px;height:12px;position:absolute;top:-11px;right:2px;transform:rotate(18deg)}.btn{border:3px solid var(--line);background:var(--chip);box-shadow:3px 4px 0 var(--shadow);border-radius:999px;padding:6px 18px;font-weight:800;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-block}.btn:hover{box-shadow:4px 6px 0 var(--shadow);transform:translate(-1px,-2px)}.btn:active{box-shadow:0 0 0 var(--shadow);transform:translate(3px,4px)}.btn--hot{background:var(--cherry);color:var(--on-flavour)}.search{border:3px solid var(--line);background:var(--panel);border-radius:999px;flex:180px;min-width:0;max-width:300px;padding:6px 16px}.search::placeholder{color:var(--ink-soft)}.hero{background:var(--hero);border:3px solid var(--line);box-shadow:6px 8px 0 var(--shadow);border-radius:28px;flex-wrap:wrap;align-items:center;gap:20px 36px;margin-block:22px 36px;padding:28px clamp(18px,4vw,44px);display:flex}.hero__text{flex-direction:column;flex:320px;align-items:flex-start;gap:14px;min-width:0;display:flex}.hero h1{font-size:clamp(2.2rem,6.5vw,4rem)}.hero h1 em{color:var(--cherry);-webkit-text-stroke:2px var(--line);paint-order:stroke fill;font-style:normal}.hero p{max-width:34ch;margin:0;font-size:1.15rem}.mascot{margin-inline:auto;flex:none;width:150px;height:190px;margin-top:34px;animation:3s ease-in-out infinite bob;position:relative}.mascot__body{background:var(--cherry);border:4px solid var(--line);box-shadow:6px 8px 0 var(--shadow);border-radius:16px;position:absolute;inset:0}.mascot__top{background:var(--orange);border:4px solid var(--line);border-radius:16px 16px 0 0;height:30px;position:absolute;inset:0 0 auto}.mascot__straw{border:4px solid var(--line);transform-origin:bottom;background:repeating-linear-gradient(180deg, #fff 0 8px, var(--blue) 8px 16px);border-radius:7px;width:14px;height:62px;position:absolute;top:-44px;right:28px;transform:rotate(14deg)}.mascot__eye{border:4px solid var(--line);background:#fff;border-radius:50%;width:38px;height:38px;position:absolute;top:66px}.mascot__eye--left{left:26px}.mascot__eye--right{right:26px}.mascot__eye b{background:#24124a;border-radius:50%;width:12px;height:12px;position:absolute;top:9px;left:9px}.mascot__mouth{border:4px solid var(--line);background:#fff;border-top:0;border-radius:0 0 46px 46px;width:46px;height:24px;margin-left:-23px;position:absolute;top:116px;left:50%}@keyframes bob{50%{transform:translateY(-8px)rotate(-2deg)}}.head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.head__tools{flex-wrap:wrap;flex:300px;justify-content:flex-end;gap:12px;min-width:0;display:flex}.chips{flex-wrap:wrap;gap:10px;display:flex}.chip{border:3px solid var(--line);background:var(--chip);border-radius:999px;align-items:center;gap:8px;padding:3px 14px;font-weight:700;display:inline-flex}.chip:before{content:"";background:var(--f,var(--ink));border:2px solid var(--line);border-radius:50%;width:14px;height:14px}.chip[aria-pressed=true]{background:var(--f,var(--sun));color:var(--on-flavour);box-shadow:3px 4px 0 var(--shadow)}.count{color:var(--ink-soft);margin:10px 0 0;font-weight:700}.shelf{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:44px 22px;margin:0;padding:40px 0 0;list-style:none;display:grid}.box{transition:transform .15s;position:relative}.box:hover{transform:translateY(-6px)rotate(-1.2deg)}.box--picked{animation:.7s shake}@keyframes shake{20%{transform:rotate(-5deg)scale(1.05)}40%{transform:rotate(5deg)scale(1.08)}60%{transform:rotate(-4deg)scale(1.08)}80%{transform:rotate(3deg)scale(1.05)}}.box__straw{border:3px solid var(--line);transform-origin:bottom;background:repeating-linear-gradient(180deg, #fff 0 6px, var(--f) 6px 12px);border-radius:6px;width:12px;height:40px;transition:transform .2s;position:absolute;top:-30px;right:30px;transform:rotate(10deg)}.box:hover .box__straw{transform:rotate(-16deg)}.box__open{background:var(--panel);border:3px solid var(--line);box-shadow:5px 7px 0 var(--shadow);border-radius:18px;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.box__flap{background:var(--f);border-bottom:3px solid var(--line);height:20px}.box__art{aspect-ratio:8/5;object-fit:cover;border-bottom:3px solid var(--line);width:100%;height:auto;display:block}.box__meta{flex-direction:column;gap:2px;min-width:0;padding:10px 14px 12px;display:flex}.box__title{font-family:var(--display);padding-right:40px;font-size:1.2rem;line-height:1.15}.box__by{color:var(--ink-soft);font-size:.95rem}.box__tag{color:var(--ink-soft);font-size:.85rem;font-weight:700}.box__fav{border:3px solid var(--line);background:var(--chip);width:38px;height:38px;color:var(--ink-soft);border-radius:50%;padding:0;font-size:1.1rem;line-height:1;position:absolute;bottom:14px;right:12px}.box__fav[aria-pressed=true]{background:var(--sun);color:var(--on-flavour)}.empty{padding-block:30px;font-weight:700}.join{background:var(--panel);border:3px solid var(--line);box-shadow:5px 7px 0 var(--shadow);border-radius:24px;margin-block:48px;padding:22px clamp(16px,3vw,32px)}.join p{max-width:52ch;margin:6px 0 0}.footer{border-top:3px solid var(--line);color:var(--ink-soft);padding-block:18px 30px;font-size:.95rem}.lost{flex-direction:column;align-items:flex-start;gap:14px;padding-block:60px;display:flex}.lost p{margin:0}.game{flex-direction:column;gap:16px;padding-block:20px 40px;display:flex}.game__back{align-self:flex-start;font-weight:700}.game__title{font-size:clamp(2rem,5vw,3rem)}.player{border:3px solid var(--line);background:var(--panel);box-shadow:6px 8px 0 var(--shadow);border-radius:22px;overflow:hidden}.player__stage{aspect-ratio:16/10;border-bottom:3px solid var(--line);background:#24124a;width:100%;max-height:72vh}.player__stage iframe{border:0;width:100%;height:100%;display:block}.player__tools{background:var(--f);justify-content:flex-end;padding:10px 14px 14px;display:flex}.game__about{flex-wrap:wrap;align-items:flex-start;gap:16px 32px;display:flex}.game__about p{flex:280px;max-width:60ch;margin:0;font-size:1.1rem}.facts{border:3px solid var(--line);background:var(--panel);flex:0 320px;min-width:0;padding:8px 12px}.facts h2{border-bottom:8px solid var(--line);padding-bottom:4px;font-size:1.5rem}.facts dl{margin:0}.facts dl div{border-bottom:2px solid var(--line);justify-content:space-between;gap:16px;padding-block:3px;display:flex}.facts dl div:last-child{border-bottom:0}.facts dt{font-weight:800}.facts dd{text-align:right;margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}