@font-face{font-family:Pixelify Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/pixelify-sans-cyrillic-wght-normal-BfQLqnEI.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Pixelify Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/pixelify-sans-latin-ext-wght-normal-CsF3XSp0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Pixelify Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/pixelify-sans-latin-wght-normal-Cbhn5ptY.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vt323-vietnamese-400-normal-D0VnvwZ9.woff2) format("woff2"),url(/assets/vt323-vietnamese-400-normal-D_5Q7Vcv.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vt323-latin-ext-400-normal-iUdYUaX4.woff2) format("woff2"),url(/assets/vt323-latin-ext-400-normal-DqOq58ri.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vt323-latin-400-normal-wDgJuOC9.woff2) format("woff2"),url(/assets/vt323-latin-400-normal-Dqn9ZSPj.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Pixel Digits;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/vt323-latin-400-normal-wDgJuOC9.woff2) format("woff2");unicode-range:U+0030-0039,U+0025,U+002B,U+2212;size-adjust:118%}:root{--sky-top: #9fd6e8;--sky-bottom: #dff3f7;--meadow: #7fbf5a;--meadow-dark: #5e9e3f;--grass-stripe: #8fcc66;--wood: #8a5a2b;--wood-dark: #5c3a18;--wood-light: #b07a44;--wood-highlight: #d9a469;--parchment: #f6e7c1;--parchment-dark: #e8d3a0;--parchment-line: #d7bd86;--ink: #3c2a16;--ink-soft: #6b5235;--gold: #f2c14e;--gold-dark: #c8932b;--leaf: #6aa84f;--leaf-dark: #4e8438;--berry: #d9534f;--berry-dark: #a63a36;--pink: #f4a4c4;--pink-dark: #d86f99;--blue: #6fa8dc;--blue-dark: #4c7fb3;--shadow: rgba(60, 42, 22, .35);--font-pixel: "Pixel Digits", "Pixelify Sans Variable", "Pixelify Sans", "VT323", system-ui, sans-serif;--font-mono-pixel: "VT323", monospace;--radius: 4px;--px: 4px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-pixel);font-size:18px;line-height:1.35;color:var(--ink);background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-bottom) 58%,var(--meadow) 58.2%,var(--meadow-dark) 100%);background-attachment:fixed;-webkit-font-smoothing:none;overflow-x:hidden}h1,h2,h3{font-family:var(--font-pixel);font-weight:700;margin:0;letter-spacing:.5px}h1{font-size:40px;line-height:1.1}h2{font-size:28px}h3{font-size:22px}p{margin:0}button,input,textarea{font-family:inherit}a{color:var(--blue-dark)}.muted{color:var(--ink-soft)}.small{font-size:15px}.center{text-align:center}.row{display:flex;gap:12px;align-items:center}.col{display:flex;flex-direction:column;gap:12px}.grow{flex:1}.wrap{flex-wrap:wrap}.spread{justify-content:space-between}.stack-8>*+*{margin-top:8px}.stack-16>*+*{margin-top:16px}::selection{background:var(--gold);color:var(--ink)}.scene{min-height:100%;position:relative;padding:72px 16px 40px;display:flex;flex-direction:column;align-items:center}.scene:after{content:"";position:fixed;left:0;right:0;bottom:0;height:14px;background:repeating-linear-gradient(90deg,var(--grass-stripe) 0 12px,var(--meadow-dark) 12px 16px);z-index:0;pointer-events:none}.scene>*{position:relative;z-index:1}.page{width:100%;max-width:860px}.page-narrow{width:100%;max-width:560px}.wood{position:relative;background:var(--parchment);border:var(--px) solid var(--wood-dark);box-shadow:inset 0 0 0 var(--px) var(--wood),inset 0 0 0 calc(var(--px) * 2) var(--wood-light),inset 0 0 0 calc(var(--px) * 3) var(--wood-dark),0 8px 0 var(--wood-dark),0 12px 18px var(--shadow);padding:calc(var(--px) * 3 + 20px);image-rendering:pixelated}.wood.tight{padding:calc(var(--px) * 3 + 12px)}.wood:before,.wood:after{content:"";position:absolute;width:10px;height:10px;background:var(--gold);box-shadow:0 0 0 2px var(--gold-dark);top:calc(var(--px) * 2 + 2px)}.wood:before{left:calc(var(--px) * 2 + 2px)}.wood:after{right:calc(var(--px) * 2 + 2px)}.parchment-lines{background-image:repeating-linear-gradient(180deg,transparent 0 27px,var(--parchment-line) 27px 28px)}.sign{display:inline-block;background:var(--wood);color:var(--parchment);border:var(--px) solid var(--wood-dark);box-shadow:inset 0 var(--px) 0 var(--wood-highlight),0 var(--px) 0 var(--wood-dark);padding:4px 16px 6px;font-weight:700;font-size:22px;text-shadow:1px 1px 0 var(--wood-dark);transform:translateY(-50%);margin-bottom:-12px}.pbtn{--btn: var(--leaf);--btn-dark: var(--leaf-dark);--btn-text: #fff;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:var(--px) solid var(--ink);background:var(--btn);color:var(--btn-text);font-weight:700;font-size:20px;padding:10px 22px;text-shadow:1px 1px 0 rgba(0,0,0,.35);box-shadow:inset 0 var(--px) 0 #ffffff59,0 6px 0 var(--btn-dark),0 8px 0 var(--ink);transition:transform 60ms ease-out,box-shadow 60ms ease-out,filter .12s;-webkit-user-select:none;user-select:none;text-decoration:none}.pbtn:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px);box-shadow:inset 0 var(--px) 0 #ffffff59,0 7px 0 var(--btn-dark),0 9px 0 var(--ink)}.pbtn:active:not(:disabled),.pbtn.pressed{transform:translateY(6px);box-shadow:inset 0 var(--px) 0 #fff3,0 0 0 var(--btn-dark),0 2px 0 var(--ink)}.pbtn:disabled{cursor:default;filter:saturate(.4) brightness(.9);opacity:.8}.pbtn:focus-visible{outline:3px dashed var(--gold);outline-offset:3px}.pbtn.gold{--btn: var(--gold);--btn-dark: var(--gold-dark);--btn-text: var(--ink);text-shadow:none}.pbtn.timber{--btn: var(--wood-light);--btn-dark: var(--wood-dark);--btn-text: var(--parchment)}.pbtn.berry{--btn: var(--berry);--btn-dark: var(--berry-dark)}.pbtn.pink{--btn: var(--pink);--btn-dark: var(--pink-dark);--btn-text: var(--ink);text-shadow:none}.pbtn.blue{--btn: var(--blue);--btn-dark: var(--blue-dark)}.pbtn.parchment{--btn: var(--parchment);--btn-dark: var(--parchment-dark);--btn-text: var(--ink);text-shadow:none}.pbtn.sm{font-size:16px;padding:6px 14px;box-shadow:inset 0 var(--px) 0 #ffffff59,0 4px 0 var(--btn-dark),0 6px 0 var(--ink)}.pbtn.sm:active:not(:disabled){transform:translateY(4px)}.pbtn.block{display:flex;width:100%}.pbtn.icon{padding:6px}.option{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--parchment-dark);color:var(--ink);border:3px solid var(--wood-dark);box-shadow:0 4px 0 var(--wood-dark);padding:12px 16px;font-size:19px;cursor:pointer;transition:transform 60ms,box-shadow 60ms,background .12s}.option:hover:not(:disabled){background:#fff3d1;transform:translateY(-1px)}.option:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 0 var(--wood-dark)}.option:disabled{cursor:default}.option.correct{background:#c8ebb0;border-color:var(--leaf-dark);box-shadow:0 4px 0 var(--leaf-dark)}.option.wrong{background:#f3c1bf;border-color:var(--berry-dark);box-shadow:0 4px 0 var(--berry-dark)}.option.dim{opacity:.55}.option .letter{flex:0 0 auto;width:28px;height:28px;display:grid;place-items:center;background:var(--wood);color:var(--parchment);font-weight:700;border:2px solid var(--wood-dark)}.pinput{width:100%;font-size:20px;padding:10px 14px;background:#fff8e6;color:var(--ink);border:3px solid var(--wood-dark);box-shadow:inset 0 3px 0 var(--parchment-dark);outline:none}.pinput:focus{border-color:var(--gold-dark);box-shadow:inset 0 3px 0 var(--parchment-dark),0 0 0 3px var(--gold)}textarea.pinput{resize:vertical;min-height:96px;line-height:1.4}.topbar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;z-index:50;pointer-events:none}.topbar>*{pointer-events:auto}.chip{display:inline-flex;align-items:center;gap:8px;background:var(--wood);color:var(--parchment);border:3px solid var(--wood-dark);box-shadow:inset 0 3px 0 var(--wood-highlight),0 3px 0 var(--wood-dark);padding:4px 12px 5px;font-weight:700;font-size:17px}.iconbtn{position:relative;width:44px;height:44px;display:grid;place-items:center;background:var(--parchment);border:3px solid var(--wood-dark);box-shadow:inset 0 3px #fff8e6,0 4px 0 var(--wood-dark);cursor:pointer;transition:transform 60ms,box-shadow 60ms;padding:0}.iconbtn:hover{transform:translateY(-1px)}.iconbtn:active{transform:translateY(4px);box-shadow:inset 0 3px #fff8e6,0 0 0 var(--wood-dark)}.iconbtn svg{width:28px;height:28px}.iconbtn .dot{position:absolute;top:-6px;right:-6px;width:14px;height:14px;background:var(--berry);border:2px solid var(--ink);animation:pulse 1.2s ease-in-out infinite}.iconbtn.wiggle svg{animation:wiggle 1.6s ease-in-out infinite}.badge{display:inline-flex;align-items:center;gap:6px;background:var(--gold);color:var(--ink);border:2px solid var(--gold-dark);padding:2px 10px;font-weight:700;font-size:16px}.badge.green{background:#c8ebb0;border-color:var(--leaf-dark)}.badge.red{background:#f3c1bf;border-color:var(--berry-dark)}.badge.blue{background:#cfe3f7;border-color:var(--blue-dark)}.badge.pink{background:#fbd6e5;border-color:var(--pink-dark)}.frame{background:#fff8e6;border:var(--px) solid var(--wood-dark);box-shadow:inset 0 0 0 var(--px) var(--wood-light),0 6px 0 var(--wood-dark);padding:calc(var(--px) + 10px);display:grid;place-items:center}.frame img,.frame svg{display:block;image-rendering:auto}.progress-dots{display:flex;gap:8px;align-items:center}.progress-dots .d{width:16px;height:16px;border:2px solid var(--ink);background:var(--parchment-dark)}.progress-dots .d.done{background:var(--leaf)}.progress-dots .d.now{background:var(--gold);box-shadow:0 0 0 3px #f2c14e80}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:8px 10px;border-bottom:2px dashed var(--parchment-line);text-align:center}.table th{font-size:16px;color:var(--ink-soft);font-weight:700}.table td.label{text-align:left;font-weight:700}.table td.win{background:#e3f3d5}.table .time{display:block;font-size:14px;color:var(--ink-soft);font-family:var(--font-mono-pixel);font-size:17px}.table tr.total td{border-top:3px solid var(--wood-dark);border-bottom:none;font-size:22px;font-weight:700}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar .dow{text-align:center;font-size:14px;color:var(--ink-soft)}.calendar .day{aspect-ratio:1;display:grid;place-items:center;border:2px solid var(--parchment-line);background:#fff8e6;font-size:16px;color:var(--ink-soft);position:relative;cursor:default}.calendar .day.s{background:#fbd6e5;border-color:var(--pink-dark);color:var(--ink);cursor:pointer}.calendar .day.r{background:#cfe3f7;border-color:var(--blue-dark);color:var(--ink);cursor:pointer}.calendar .day.tie{background:#f8e6a8;border-color:var(--gold-dark);color:var(--ink);cursor:pointer}.calendar .day.half{background:repeating-linear-gradient(45deg,#fff8e6 0 4px,var(--parchment-dark) 4px 8px);color:var(--ink);cursor:pointer}.calendar .day.today{outline:3px solid var(--gold);outline-offset:-3px}.calendar .day.s:hover,.calendar .day.r:hover,.calendar .day.tie:hover,.calendar .day.half:hover{transform:translateY(-2px)}.calendar .day.pad{border-color:transparent;background:transparent}.dialogue{position:relative;background:var(--parchment);border:var(--px) solid var(--wood-dark);box-shadow:inset 0 0 0 var(--px) var(--wood),0 6px 0 var(--wood-dark);padding:18px 20px 22px;min-height:96px;font-size:21px;line-height:1.45}.dialogue .who{position:absolute;top:-18px;left:16px;background:var(--wood);color:var(--parchment);border:3px solid var(--wood-dark);padding:1px 10px 3px;font-weight:700;font-size:16px}.dialogue .caret{display:inline-block;width:10px;height:20px;background:var(--ink);vertical-align:-3px;margin-left:2px;animation:blink .9s steps(1) infinite}.dialogue.shruti .who{background:var(--pink-dark)}.dialogue.rahul .who{background:var(--blue-dark)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#281c0c8c;display:grid;place-items:center;padding:16px;animation:fadein .16s ease-out}.panel-pop{animation:pop .22s cubic-bezier(.2,1.6,.4,1)}.kbd{font-family:var(--font-mono-pixel);font-size:17px;background:var(--parchment-dark);border:2px solid var(--wood-dark);padding:0 6px}.hint-list{list-style:none;padding:0;margin:0}.hint-list li{padding:6px 0;border-bottom:2px dashed var(--parchment-line);display:flex;justify-content:space-between;gap:12px}.combobox{position:relative}.combobox .menu{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;background:#fff8e6;border:3px solid var(--wood-dark);box-shadow:0 6px 0 var(--wood-dark);max-height:240px;overflow-y:auto}.combobox .item{padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:10px}.combobox .item img{width:28px;height:21px;border:1px solid var(--parchment-line)}.combobox .item.active{background:var(--gold)}.score-big{font-size:56px;font-weight:700;line-height:1;text-shadow:3px 3px 0 var(--parchment-dark)}.vs{font-size:28px;font-weight:700;color:var(--ink-soft)}.player-pill{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:20px}.player-pill .sw{width:14px;height:14px;border:2px solid var(--ink)}.player-pill.shruti .sw{background:var(--pink)}.player-pill.rahul .sw{background:var(--blue)}.dev{position:fixed;bottom:16px;left:16px;z-index:60;font-size:15px}.dev .panel{background:#2b2118;color:#f6e7c1;border:3px solid #000;padding:10px 12px;box-shadow:0 4px #000;min-width:260px}.dev input,.dev select{font-family:var(--font-mono-pixel);font-size:17px}@media(max-width:640px){body{font-size:17px}h1{font-size:32px}.scene{padding-top:60px;padding-left:10px;padding-right:10px}.wood{padding:calc(var(--px) * 3 + 12px)}.topbar{padding:6px 8px;gap:6px}.topbar nav{gap:4px}.iconbtn{width:34px;height:34px}.iconbtn svg{width:22px;height:22px}.chip{font-size:14px;padding:2px 8px 3px;white-space:nowrap}.topbar .player-chip{display:none}.table th,.table td{padding:6px 4px;font-size:15px}.score-big{font-size:44px}.h2h-mid{display:none}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes wiggle{0%,70%,to{transform:rotate(0)}75%{transform:rotate(-12deg)}85%{transform:rotate(12deg)}95%{transform:rotate(-6deg)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounce-in{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes fall{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:.9}}@keyframes sway{0%,to{margin-left:0}50%{margin-left:40px}}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}@keyframes rise{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.anim-bounce-in{animation:bounce-in .42s cubic-bezier(.2,1.4,.4,1)}.anim-shake{animation:shake .36s ease-in-out}.anim-float{animation:float 2.4s ease-in-out infinite}.anim-rise{animation:rise .24s ease-out both}.anim-rise-2{animation:rise .24s 80ms ease-out both}.anim-rise-3{animation:rise .24s .16s ease-out both}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;overflow:hidden}.confetti .p{position:absolute;top:-20px;width:10px;height:10px;animation:fall linear infinite,sway ease-in-out infinite}.confetti .p.petal{width:12px;height:8px;border-radius:0 60%}.sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sparkles i{position:absolute;width:8px;height:8px;background:var(--gold);animation:sparkle 1.4s ease-in-out infinite;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.clouds{position:fixed;left:0;right:0;top:0;height:45vh;pointer-events:none;z-index:0;overflow:hidden}.clouds .cloud{position:absolute;width:var(--cw);animation:drift var(--dur) linear infinite;animation-delay:var(--delay);opacity:.95}.clouds .cloud svg{width:100%;height:auto;display:block}.clouds .c1{--cw: clamp(120px, 11vw, 220px);top:6%;--dur: 190s;--delay: -40s}.clouds .c2{--cw: clamp(90px, 8vw, 160px);top:22%;--dur: 240s;--delay: -150s;opacity:.85}.clouds .c3{--cw: clamp(140px, 13vw, 260px);top:12%;--dur: 210s;--delay: -100s}.clouds .c4{--cw: clamp(70px, 6vw, 120px);top:34%;--dur: 280s;--delay: -210s;opacity:.75}.clouds .c5{--cw: clamp(110px, 10vw, 200px);top:3%;--dur: 230s;--delay: -180s}.clouds .c6{--cw: clamp(80px, 7vw, 140px);top:27%;--dur: 260s;--delay: -60s;opacity:.8}@keyframes drift{0%{left:-22%}to{left:104%}}.clouds .flock{position:absolute;width:0;height:0;animation:fly var(--dur) linear infinite;animation-delay:var(--delay)}.clouds .f1{top:18%;--dur: 48s;--delay: -12s}.clouds .f2{top:9%;--dur: 70s;--delay: -40s}.clouds .bird{position:absolute;width:var(--bw, clamp(18px, 1.6vw, 30px));animation:swoop 2.6s ease-in-out infinite}.clouds .f1 .b1{left:0;top:0}.clouds .f1 .b2{left:28px;top:14px;animation-delay:-.9s}.clouds .f1 .b3{left:56px;top:4px;animation-delay:-1.7s;--bw: clamp(14px, 1.3vw, 24px)}.clouds .f2 .b1{--bw: clamp(14px, 1.3vw, 24px)}.clouds .bird-frames{position:relative;display:block;width:100%;aspect-ratio:2 / 1}.clouds .bird-frames .fa,.clouds .bird-frames .fb{position:absolute;top:0;right:0;bottom:0;left:0;animation:ele-frames .5s steps(1) infinite}.clouds .bird-frames .fb{animation-delay:-.25s}.clouds .bird-frames svg{width:100%;height:100%}@keyframes fly{0%{left:106%}to{left:-8%}}@keyframes swoop{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.elephants{position:fixed;left:0;right:0;bottom:14px;height:26vh;min-height:170px;pointer-events:none;z-index:0;overflow:hidden}.elephants .walker{position:absolute;bottom:0;z-index:1}.elephants .w1{--ele-w: clamp(150px, 14vw, 330px);animation:amble 80s linear infinite}.elephants .w2{--ele-w: clamp(105px, 10vw, 240px);bottom:calc(var(--ele-w) * .26);animation:amble 105s linear infinite reverse;animation-delay:-30s;opacity:.92}.elephants .ele{position:relative;display:block;width:var(--ele-w);height:calc(var(--ele-w) * 20 / 36)}.elephants .ele .fa,.elephants .ele .fb{position:absolute;top:0;right:0;bottom:0;left:0;animation:ele-frames .9s steps(1) infinite}.elephants .ele .fb{animation-delay:-.45s}.elephants .ele svg{width:100%;height:100%}@keyframes amble{0%{left:-12%;transform:scaleX(1)}49%{left:94%;transform:scaleX(1)}50%{left:94%;transform:scaleX(-1)}99%{left:-12%;transform:scaleX(-1)}to{left:-12%;transform:scaleX(1)}}@keyframes ele-frames{0%,49%{opacity:1}50%,to{opacity:0}}.elephants .pond{position:absolute;bottom:6px;width:var(--pw);aspect-ratio:300 / 96;z-index:2;background:#79c0dd;border:4px solid #3c2a16;box-shadow:inset 0 0 0 4px #a9dcee,inset 0 -10px 0 4px #5aa6c9;border-radius:50%}.elephants .p1{right:3%;--pw: clamp(260px, 25vw, 520px)}.elephants .p2{left:4%;--pw: clamp(170px, 16vw, 340px);bottom:10px}.elephants .pond .ripple{position:absolute;height:4px;background:#a9dcee;border-radius:2px;animation:ripple 3.2s ease-in-out infinite}.elephants .pond .r1{left:18%;top:26%;width:17%}.elephants .pond .r2{left:56%;top:60%;width:11%;animation-delay:-1.6s}.elephants .pond .manatee{position:absolute;animation:bob 3.6s ease-in-out infinite}.elephants .pond .manatee svg{width:100%;height:auto;display:block}.elephants .p1 .m1{left:20%;top:12%;width:40%}.elephants .p1 .m2{right:12%;top:42%;width:28%;animation-delay:-1.8s}.elephants .p2 .m3{left:24%;top:22%;width:50%;animation-delay:-.9s}.elephants .pond:after{content:"";position:absolute;left:4px;right:4px;bottom:4px;height:46%;background:#79c0dd9e;border-radius:0 0 50% 50%/0 0 100% 100%;pointer-events:none}@keyframes bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}@keyframes ripple{0%,to{opacity:.2;transform:scaleX(.6)}50%{opacity:.9;transform:scaleX(1)}}@media(max-width:640px){.elephants .pond,.elephants .w2,.clouds .c4,.clouds .c6{display:none}}.hall{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#e9d8b6;z-index:1;-webkit-user-select:none;user-select:none;touch-action:none}.hall .world{position:absolute;left:0;top:0;bottom:0;will-change:transform;background:repeating-linear-gradient(90deg,#eadcb9 0,#eadcb9 28px,#e2d0a8 28px,#e2d0a8 56px),#eadcb9}.hall .world:before{content:"";position:absolute;top:0;right:0;left:0;bottom:230px;pointer-events:none;background-image:radial-gradient(circle at 14px 14px,rgba(138,90,43,.18) 0 3px,transparent 4px);background-size:56px 40px}.hall .rail{position:absolute;left:0;right:0;bottom:226px;height:10px;background:#8a5a2b;border-top:3px solid #b07a44;border-bottom:3px solid #5c3a18}.hall .wainscot{position:absolute;left:0;right:0;bottom:120px;height:106px;background:repeating-linear-gradient(90deg,transparent 0 24px,rgba(60,42,22,.22) 24px 28px,transparent 28px 116px,rgba(60,42,22,.22) 116px 120px),#c99a5f;border-bottom:4px solid #5c3a18}.hall .floor{position:absolute;left:0;right:0;bottom:0;height:120px;background:repeating-linear-gradient(90deg,rgba(60,42,22,.25) 0 3px,transparent 3px 160px),repeating-linear-gradient(180deg,#a8743f 0,#a8743f 28px,#96652f 28px,#96652f 30px);box-shadow:inset 0 8px #0000001f}.hall .plaque{position:absolute;bottom:430px;transform:translate(-50%);background:#8a5a2b;color:#f6e7c1;border:3px solid #3c2a16;box-shadow:inset 0 3px #d9a469,0 3px #3c2a16;padding:4px 14px 6px;font-weight:700;font-size:20px;white-space:nowrap}.hall .plaque:before,.hall .plaque:after{content:"";position:absolute;top:-14px;width:3px;height:14px;background:#3c2a16}.hall .plaque:before{left:12px}.hall .plaque:after{right:12px}.hall .wallframe{position:absolute;bottom:250px;width:150px;height:150px;background:#b07a44;border:5px solid #3c2a16;box-shadow:inset 0 0 0 5px #d9a469,inset 0 0 0 9px #8a5a2b,0 6px #3c2a16,0 10px 14px #3c2a1640;padding:13px;cursor:pointer;transition:transform .12s,box-shadow .12s}.hall .wallframe:before{content:"";position:absolute;left:50%;top:-22px;width:3px;height:22px;background:#3c2a16;transform:translate(-50%)}.hall .wallframe.near{transform:translateY(-6px) scale(1.04);box-shadow:inset 0 0 0 5px #f2c14e,inset 0 0 0 9px #8a5a2b,0 10px #3c2a16,0 0 0 4px #f2c14e99,0 14px 18px #3c2a164d}.hall .wallframe{display:block;overflow:hidden}.hall .wallframe img{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;object-fit:cover;border:2px solid #3c2a16;background:#fff}.hall .wallframe .empty{width:100%;height:100%;border:2px dashed #8a5a2b;background:#f6e7c1;display:grid;place-items:center;text-align:center;color:#6b5235;font-size:15px;line-height:1.2;padding:6px;background-image:repeating-linear-gradient(45deg,transparent 0 8px,rgba(138,90,43,.08) 8px 16px)}.hall .decor{position:absolute;bottom:120px}.hall .bench{position:absolute;bottom:120px;width:110px;height:34px;background:#8a5a2b;border:3px solid #3c2a16;box-shadow:inset 0 4px #b07a44}.hall .bench:before,.hall .bench:after{content:"";position:absolute;bottom:-22px;width:10px;height:22px;background:#5c3a18;border:3px solid #3c2a16;border-top:0}.hall .bench:before{left:8px}.hall .bench:after{right:8px}.hall .door{position:absolute;bottom:120px;width:120px;height:210px;background:#8a5a2b;border:5px solid #3c2a16;border-bottom:0;box-shadow:inset 0 0 0 6px #5c3a18,inset 0 0 0 10px #b07a44;cursor:pointer;transition:transform .12s}.hall .door.near{box-shadow:inset 0 0 0 6px #5c3a18,inset 0 0 0 10px #b07a44,0 0 0 4px #f2c14eb3}.hall .door .knob{position:absolute;right:18px;top:100px;width:12px;height:12px;background:#f2c14e;border:3px solid #3c2a16}.hall .door .panel{position:absolute;left:22px;right:22px;height:60px;border:3px solid #5c3a18}.hall .door .panel.a{top:24px}.hall .door .panel.b{top:110px}.hall .door .sign{position:absolute;left:50%;top:-44px;transform:translate(-50%);white-space:nowrap;background:#f6e7c1;border:3px solid #3c2a16;padding:2px 10px;font-weight:700;font-size:17px}.hall .char{position:absolute;bottom:118px;will-change:transform}.hall .shadow{position:absolute;bottom:112px;width:54px;height:12px;background:#3c2a1640;border-radius:50%}.hall .hud{position:absolute;left:0;right:0;bottom:18px;display:flex;justify-content:center;pointer-events:none;z-index:3}.hall .hint{background:#3c2a16d9;color:#f6e7c1;padding:6px 14px;border:3px solid #3c2a16;font-size:17px;animation:rise .2s ease-out}.hall .intro{position:absolute;left:50%;top:74px;transform:translate(-50%);z-index:3;pointer-events:none}.hall .mobile{position:absolute;left:0;right:0;bottom:60px;display:none;justify-content:space-between;padding:0 16px;z-index:4}.hall .mobile .pbtn{font-size:26px;padding:12px 24px}.hall .skip{position:absolute;right:16px;top:70px;z-index:3}.hall .bubble{position:absolute;transform:translate(-50%,-100%);background:#fff8e6;border:3px solid #3c2a16;padding:6px 10px;font-size:16px;white-space:nowrap;animation:pop .2s}.hall .bubble:after{content:"";position:absolute;left:50%;bottom:-10px;width:10px;height:10px;background:#fff8e6;border-right:3px solid #3c2a16;border-bottom:3px solid #3c2a16;transform:translate(-50%) rotate(45deg)}@media(hover:none)and (pointer:coarse){.hall .mobile{display:flex}}@media(max-height:620px){.hall .plaque{bottom:380px}.hall .wallframe{bottom:215px;width:120px;height:120px}}@media(max-width:640px){.hall .intro{top:54px;left:8px;right:8px;transform:none}.hall .intro .hint{font-size:14px!important;padding:4px 8px}.hall .skip{top:auto;bottom:150px;right:10px}.hall .hud{bottom:112px}.hall .hint{font-size:14px}.hall .plaque{font-size:16px;bottom:400px}.hall .wallframe{width:130px;height:130px;bottom:240px}.hall .mobile{bottom:36px}}
