@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap");.game{background:var(--ip-island-black);border:3px solid var(--ip-island-orange);box-shadow:inset 0 0 30px rgba(0,0,0,.5),0 0 20px rgba(255,143,5,.1);display:flex;flex-direction:column;height:calc(100vh - 4rem);height:calc(100dvh - 4rem);margin-top:4rem;overflow:hidden;position:relative}@media (min-width:768px){.game{height:calc(100vh - 5rem);height:calc(100dvh - 5rem);margin-top:5rem}}.game--keyboard{border-top:none;left:0;margin-top:0;position:fixed;right:0;z-index:999}.game--keyboard .game__scene{flex:0;height:0;min-height:0;overflow:hidden}.game{--vol:0;--frame-r:255;--frame-g:143;--frame-b:5;transition:border-color .15s ease-out}.game[data-state=listening]{--frame-r:79;--frame-g:195;--frame-b:247;animation:none;border-color:rgb(var(--frame-r),var(--frame-g),var(--frame-b));box-shadow:inset 0 0 30px rgba(0,0,0,.5),0 0 calc(8px + var(--vol)*32px) rgba(var(--frame-r),var(--frame-g),var(--frame-b),calc(.1 + var(--vol)*.5))}.game[data-state=listening] .game__interface{border-top-color:var(--ip-pride-blue)}.game[data-state=listening] .game__titlebar{background:var(--ip-pride-blue)}.game[data-state=listening] .game__cmdline{border-top-color:var(--ip-pride-blue)}.game[data-state=speaking]{--frame-r:255;--frame-g:143;--frame-b:5;animation:none;border-color:rgb(var(--frame-r),var(--frame-g),var(--frame-b));box-shadow:inset 0 0 30px rgba(0,0,0,.5),0 0 calc(8px + var(--vol)*32px) rgba(var(--frame-r),var(--frame-g),var(--frame-b),calc(.1 + var(--vol)*.5))}@keyframes frame-breathe-think{0%,to{box-shadow:inset 0 0 30px rgba(0,0,0,.5),0 0 10px rgba(255,193,7,.15)}50%{box-shadow:inset 0 0 30px rgba(0,0,0,.5),0 0 18px rgba(255,193,7,.3)}}.game[data-state=thinking]{animation:frame-breathe-think 1.5s ease-in-out infinite;border-color:var(--ip-sunset-gold)}.game[data-state=thinking] .game__interface{border-top-color:var(--ip-sunset-gold)}.game[data-state=thinking] .game__titlebar{background:var(--ip-sunset-gold)}.game[data-state=thinking] .game__cmdline{border-top-color:var(--ip-sunset-gold)}.game[data-state=connecting]{animation:frame-breathe-think .8s ease-in-out infinite;border-color:var(--ip-sunset-gold)}.game--user-active{--frame-r:255;--frame-g:143;--frame-b:5;animation:none!important;border-color:var(--ip-island-orange)!important;box-shadow:inset 0 0 30px rgba(0,0,0,.5),0 0 18px rgba(255,143,5,.3)!important}.game--user-active .game__cmdline{border-top-color:var(--ip-island-orange)}@keyframes frame-breathe-paused{0%,to{box-shadow:inset 0 0 30px rgba(0,0,0,.5),0 0 10px rgba(156,39,176,.15)}50%{box-shadow:inset 0 0 30px rgba(0,0,0,.5),0 0 18px rgba(156,39,176,.3)}}.game[data-state=paused]{animation:frame-breathe-paused 3s ease-in-out infinite;border-color:#9c27b0}.game[data-state=paused] .game__interface{border-top-color:#9c27b0}.game[data-state=paused] .game__titlebar{background:#9c27b0}.game[data-state=paused] .game__cmdline{border-top-color:#9c27b0}.game[data-state=paused] .game__status-dot{animation:c64-blink 2s step-start infinite;background:#ce93d8}@keyframes frame-breathe-error{0%,to{box-shadow:inset 0 0 30px rgba(0,0,0,.5),0 0 10px rgba(239,68,68,.2)}50%{box-shadow:inset 0 0 30px rgba(0,0,0,.5),0 0 22px rgba(239,68,68,.4)}}.game[data-state=error]{animation:frame-breathe-error 1.5s ease-in-out infinite;border-color:#ef4444}.game[data-state=error] .game__interface{border-top-color:#ef4444}.game[data-state=error] .game__titlebar{background:#ef4444}.game[data-state=error] .game__cmdline{border-top-color:#ef4444}.game[data-state=error] .game__status-dot{animation:c64-blink .5s step-start infinite;background:#fca5a5}.game[data-state=ended],.game[data-state=title]{animation:none}.game[data-state=ended] .game__scene,.game[data-state=title] .game__scene{flex:3}.game[data-state=ended] .game__interface,.game[data-state=title] .game__interface{flex:2}@keyframes thinking-dot{0%,20%{opacity:0}40%{opacity:1}60%,to{opacity:0}}.game__thinking{align-items:center;display:flex;gap:6px;padding:4px 0}.game__thinking-label{color:var(--ip-sunset-gold);font-family:VT323,monospace;font-size:18px}.game__thinking-dots{display:flex;gap:4px}.game__thinking-dot{animation:thinking-dot 1.4s ease-in-out infinite;background:var(--ip-sunset-gold);height:8px;width:8px}.game__thinking-dot:nth-child(2){animation-delay:.2s}.game__thinking-dot:nth-child(3){animation-delay:.4s}.game__msg--composing{opacity:.7}.game__msg--composing .game__thinking-dots{display:inline-flex;gap:3px;margin-left:4px;vertical-align:middle}.game__msg--composing .game__thinking-dot{background:var(--ip-island-white);height:6px;width:6px}.game--konami{animation:konami-rainbow .5s linear infinite!important}@keyframes konami-rainbow{0%{border-color:red;box-shadow:inset 0 0 30px rgba(255,0,0,.3),0 0 20px rgba(255,0,0,.4)}16%{border-color:#f80;box-shadow:inset 0 0 30px rgba(255,136,0,.3),0 0 20px rgba(255,136,0,.4)}33%{border-color:#ff0;box-shadow:inset 0 0 30px rgba(255,255,0,.3),0 0 20px rgba(255,255,0,.4)}50%{border-color:#0f0;box-shadow:inset 0 0 30px rgba(0,255,0,.3),0 0 20px rgba(0,255,0,.4)}66%{border-color:#08f;box-shadow:inset 0 0 30px rgba(0,136,255,.3),0 0 20px rgba(0,136,255,.4)}83%{border-color:#80f;box-shadow:inset 0 0 30px rgba(136,0,255,.3),0 0 20px rgba(136,0,255,.4)}to{border-color:red;box-shadow:inset 0 0 30px rgba(255,0,0,.3),0 0 20px rgba(255,0,0,.4)}}.game__scene{flex:2;min-height:0;overflow:hidden;position:relative}.game__layers{pointer-events:none}.game__layers,.game__sky{inset:0;position:absolute}.game__sky{background:linear-gradient(to bottom,var(--scene-sky-top) 0,var(--scene-sky-mid) 50%,var(--scene-sky-bottom) 100%);transition:background 3s ease}.game__stars{inset:0;opacity:var(--scene-star-opacity);position:absolute;transition:opacity 3s ease;z-index:1}.game__stars svg{height:100%;width:100%}@keyframes ip-twinkle{0%,to{opacity:.4}50%{opacity:.9}}.ip-star{animation:ip-twinkle var(--ip-star-duration,3s) ease-in-out infinite;animation-delay:var(--ip-star-delay,0s)}.game__stars:after{animation:ip-shooting-star 10s ease-in-out infinite;animation-delay:3s;background:linear-gradient(90deg,hsla(0,0%,100%,.9),transparent);border-radius:1px;content:"";height:2px;left:-5%;opacity:0;pointer-events:none;position:absolute;top:15%;width:40px}@keyframes ip-shooting-star{0%,95%,to{opacity:0;transform:translate(0) rotate(-15deg)}2%{opacity:1}8%{opacity:0;transform:translate(30vw,8vh) rotate(-15deg)}}.game__celestial{inset:0;position:absolute;z-index:2}.ip-celestial{height:5rem;left:75%;pointer-events:none;position:absolute;top:var(--scene-celestial-top);transition:top 3s ease;width:5rem}@media (min-width:640px){.ip-celestial{height:7rem;width:7rem}}@media (min-width:1024px){.ip-celestial{height:9rem;width:9rem}}.ip-celestial__glow{background:radial-gradient(circle,rgba(176,196,222,.15) 0,transparent 70%);border-radius:50%;filter:blur(24px);inset:0;position:absolute;transition:background 3s ease,transform 3s ease}.ip-celestial__svg{height:100%;position:relative;width:100%}.ip-celestial__shape{fill:#b0c4de;transition:fill 3s ease}.game__clouds{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:3}@keyframes ip-cloud-drift{0%{transform:translateX(var(--ip-cloud-start,0))}to{transform:translateX(var(--ip-cloud-end,85vw))}}.ip-cloud{animation:ip-cloud-drift var(--ip-cloud-speed,60s) linear infinite;color:var(--ip-cloud-primary);opacity:var(--scene-cloud-opacity);position:absolute;transition:opacity 3s ease}.ip-cloud svg{height:100%;width:100%}.ip-cloud--1{height:70px;top:12%;width:180px;--ip-cloud-start:0vw;--ip-cloud-end:85vw;--ip-cloud-speed:60s}.ip-cloud--2{height:85px;top:25%;width:220px;--ip-cloud-start:20vw;--ip-cloud-end:95vw;--ip-cloud-speed:80s}.ip-cloud--3{color:var(--ip-cloud-secondary);height:55px;top:8%;width:140px;--ip-cloud-start:50vw;--ip-cloud-end:110vw;--ip-cloud-speed:45s}.game__city{bottom:0;height:55%;left:0;opacity:var(--scene-city-opacity);pointer-events:none;right:0;z-index:4}.game__city,.game__city-layer{position:absolute;transition:opacity 3s ease}.game__city-layer{inset:0}.game__city-layer img{height:100%;object-fit:cover;object-position:bottom center;width:100%}.game__city-layer--night{opacity:1}.game__city-layer--day{opacity:0}.game__ground{display:none}.game[data-room=shore]{--scene-sky-top:#0b1026;--scene-sky-mid:#122040;--scene-sky-bottom:#1a2f5a;--scene-ground:#0a0c00;--scene-star-opacity:1;--scene-city-opacity:0.08;--scene-celestial-top:12%;--scene-cloud-opacity:0.05}.game[data-room=dawn]{--scene-sky-top:#0f1a35;--scene-sky-mid:#1a2f5a;--scene-sky-bottom:#2d4a7a;--scene-ground:#0a0c00;--scene-star-opacity:0.7;--scene-city-opacity:0.15;--scene-celestial-top:20%;--scene-cloud-opacity:0.08}.game[data-room=sunrise]{--scene-sky-top:#1a2f5a;--scene-sky-mid:#3d5a80;--scene-sky-bottom:#d4956b;--scene-ground:#1a1200;--scene-star-opacity:0.3;--scene-city-opacity:0.4;--scene-celestial-top:30%;--scene-cloud-opacity:0.15}.game[data-room=morning]{--scene-sky-top:#4a7fb5;--scene-sky-mid:#7ab3d4;--scene-sky-bottom:#b4d4e8;--scene-ground:#2a3a10;--scene-star-opacity:0;--scene-city-opacity:0.7;--scene-celestial-top:10%;--scene-cloud-opacity:0.4}.game[data-room=midday]{--scene-sky-top:#87ceeb;--scene-sky-mid:#b4e0fa;--scene-sky-bottom:#e8f4fd;--scene-ground:#3a4a18;--scene-star-opacity:0;--scene-city-opacity:1;--scene-celestial-top:5%;--scene-cloud-opacity:0.7}.game[data-room=golden]{--scene-sky-top:#c85a24;--scene-sky-mid:#e8a040;--scene-sky-bottom:#ffd54f;--scene-ground:#2a1800;--scene-star-opacity:0;--scene-city-opacity:1;--scene-celestial-top:35%;--scene-cloud-opacity:0.3}.game[data-room=shore] .ip-celestial__shape{fill:#c8d8ea}.game[data-room=shore] .ip-celestial__glow{background:radial-gradient(circle,rgba(200,216,234,.4) 0,rgba(176,196,222,.15) 50%,transparent 80%);transform:scale(1.8)}.game[data-room=dawn] .ip-celestial__shape{fill:#c4d4e8}.game[data-room=dawn] .ip-celestial__glow{background:radial-gradient(circle,rgba(196,212,232,.2) 0,transparent 70%);transform:scale(1.2)}.game[data-room=golden] .ip-celestial__shape,.game[data-room=midday] .ip-celestial__shape,.game[data-room=morning] .ip-celestial__shape{fill:#ffe033}.game[data-room=golden] .ip-celestial__glow,.game[data-room=midday] .ip-celestial__glow,.game[data-room=morning] .ip-celestial__glow{background:radial-gradient(circle,rgba(255,224,51,.5) 0,transparent 70%);transform:scale(1.8)}.game[data-room=sunrise] .ip-celestial__shape{fill:#e8a040}.game[data-room=sunrise] .ip-celestial__glow{background:radial-gradient(circle,rgba(232,160,64,.4) 0,transparent 70%);transform:scale(1.4)}.game[data-room=golden] .game__city-layer--night,.game[data-room=midday] .game__city-layer--night,.game[data-room=morning] .game__city-layer--night{opacity:0}.game[data-room=golden] .game__city-layer--day,.game[data-room=midday] .game__city-layer--day,.game[data-room=morning] .game__city-layer--day{opacity:1}.game__characters{inset:0;pointer-events:none;position:absolute;z-index:15}.game__char{bottom:-5%;filter:drop-shadow(0 4px 16px rgba(255,143,5,.4));height:clamp(120px,25vw,320px);image-rendering:auto;position:absolute;right:-500px;transition:right .6s cubic-bezier(.34,1.56,.64,1);width:clamp(120px,25vw,320px);z-index:20}.game__char:not(.game__char--visible) img:not([src]){display:none}.game__char img{height:100%;object-fit:contain;width:100%}.game__char--visible{right:10%}.game__char--exit{right:-500px;transition:right .4s ease-in}.game__title-card{align-items:center;display:flex;inset:0;justify-content:center;padding:clamp(8px,2vh,24px) clamp(8px,3vw,24px);position:absolute;transition:opacity .6s ease,transform .6s ease;z-index:30}.game__title-card--exiting{opacity:0;pointer-events:none;transform:scale(.95)}.game__title-card[hidden]{display:none}.game__title-frame{background:rgba(3,4,0,.88);border:3px solid var(--ip-island-orange);box-shadow:inset 0 0 0 1px var(--ip-deep-sea),0 0 40px rgba(255,143,5,.15),0 0 80px rgba(255,143,5,.06);max-height:95%;max-width:min(90%,520px);overflow-y:auto;padding:clamp(12px,2.5vh,36px) clamp(20px,4vw,56px);text-align:center;width:100%}.game__title-frame h1{color:var(--ip-island-orange);font-family:Press Start\ 2P,cursive;font-size:clamp(22px,4.5vw,44px);letter-spacing:2px;line-height:1.2;margin:0 0 clamp(4px,1vh,10px);text-shadow:0 0 12px rgba(255,143,5,.5),3px 3px 0 var(--ip-deep-sea)}.game__title-frame p{color:var(--ip-pride-blue);font-family:VT323,monospace;font-size:clamp(18px,2.5vw,30px);margin:0 0 clamp(12px,2vh,24px);text-shadow:0 0 8px rgba(79,195,247,.4)}.game__title-actions{gap:clamp(8px,1.5vw,14px);margin-bottom:clamp(10px,1.5vh,20px)}.game__title-actions,.game__title-chips{display:flex;flex-wrap:wrap;justify-content:center}.game__title-chips{gap:8px}.game__title-hint{color:rgba(255,143,5,.45);font-size:clamp(14px,1.5vw,18px);letter-spacing:1.5px;margin:clamp(8px,1vh,16px) 0 0}.game__title-hint,.game__title-privacy{font-family:VT323,monospace;text-align:center}.game__title-privacy{color:hsla(0,0%,100%,.35);font-size:clamp(11px,1.2vw,14px);letter-spacing:.5px;line-height:1.4;margin:clamp(6px,1vh,12px) auto 0;max-width:420px}.game__title-privacy-link{color:var(--ip-pride-blue);display:inline-block;font-family:VT323,monospace;font-size:clamp(11px,1.2vw,14px);margin-top:2px;opacity:.6;text-decoration:underline;text-underline-offset:2px;transition:opacity .2s}.game__title-privacy-links{align-items:center;display:flex;flex-wrap:wrap;gap:4px 8px;justify-content:center;margin-top:4px}.game__title-privacy-sep{color:hsla(0,0%,100%,.2);font-size:10px}.game__title-privacy-link:hover{opacity:1}.game__age-gate{align-items:center;background:rgba(3,4,0,.95);display:flex;inset:0;justify-content:center;position:absolute;z-index:200}.game__age-heading{color:var(--ip-island-orange);font-family:Press Start\ 2P,cursive;font-size:clamp(14px,2vw,20px);margin:0 0 clamp(8px,1.5vh,16px);text-align:center}.game__age-prompt{color:var(--ip-island-white);font-family:VT323,monospace;font-size:clamp(16px,1.8vw,22px);margin:0 0 clamp(12px,2vh,20px);text-align:center}.game__age-fields{display:flex;gap:clamp(8px,2vw,16px);justify-content:center;margin-bottom:clamp(12px,2vh,20px)}.game__age-fields--disabled{opacity:.3;pointer-events:none}.game__age-label{align-items:center;color:hsla(0,0%,100%,.5);display:flex;flex-direction:column;font-family:VT323,monospace;font-size:14px;gap:4px}.game__age-input,.game__age-select{background:hsla(0,0%,100%,.08);border:1px solid rgba(255,143,5,.4);border-radius:4px;color:var(--ip-island-white);font-family:VT323,monospace;font-size:18px;padding:6px 8px;text-align:center;width:70px}.game__age-input--year{width:90px}.game__age-input:focus,.game__age-select:focus{border-color:var(--ip-island-orange);box-shadow:0 0 8px rgba(255,143,5,.3);outline:none}.game__age-blocked{color:#ef5350;font-size:clamp(14px,1.5vw,18px);line-height:1.4;max-width:380px}.game__age-blocked,.game__age-note{font-family:VT323,monospace;margin:clamp(8px,1.5vh,16px) auto 0;text-align:center}.game__age-note{color:hsla(0,0%,100%,.25);font-size:clamp(10px,1vw,12px);max-width:340px}.c64-btn--continue{background:rgba(255,143,5,.15);border-width:3px;text-shadow:0 0 8px rgba(255,143,5,.5)}.c64-btn--continue:hover{background:rgba(255,143,5,.25)}.game__title-reset{margin-top:clamp(6px,1vh,12px);opacity:.6}.game__title-reset:hover{opacity:1}.game__lang-indicator{align-items:center;display:flex;margin-left:auto;padding-left:8px}.game__lang-current{border:1px solid rgba(255,143,5,.3);color:var(--ip-island-orange);font-family:Press Start\ 2P,cursive;font-size:7px;letter-spacing:1px;opacity:.6;padding:2px 5px}[data-theme=light] .game__lang-current{border-color:rgba(26,26,46,.3);color:#1a1a2e}.game__scene-end{backdrop-filter:blur(4px);background:rgba(180,30,30,.75);border:2px solid #e53935;color:var(--ip-island-white);cursor:pointer;font-family:Press Start\ 2P,cursive;font-size:clamp(8px,1.2vw,10px);letter-spacing:.5px;padding:clamp(5px,.7vh,6px) clamp(8px,1.2vw,12px);position:absolute;right:clamp(4px,1vw,8px);top:clamp(4px,1vh,8px);transition:background .15s,border-color .15s;z-index:30}.game__scene-end:hover{background:rgba(229,57,53,.9);border-color:#ff5252}.game__scene-end[hidden]{display:none}.game__score-overlay{align-items:center;backdrop-filter:blur(4px);background:rgba(3,4,0,.6);border:2px solid var(--ip-island-orange);display:flex;gap:clamp(4px,.8vw,8px);left:clamp(4px,1vw,8px);padding:clamp(3px,.5vh,4px) clamp(6px,1vw,10px);position:absolute;top:clamp(4px,1vh,8px);z-index:30}.game__score-label{color:var(--ip-island-orange);font-family:Press Start\ 2P,cursive;font-size:clamp(7px,1.2vw,11px);text-shadow:0 0 6px rgba(255,143,5,.5)}.game__score-bar{background:transparent;border:1px solid var(--ip-island-orange);height:clamp(8px,1.2vh,12px);width:clamp(60px,10vw,120px)}.game__score-fill{background:var(--ip-island-orange);box-shadow:0 0 6px rgba(255,143,5,.4);height:100%;transition:width .5s step-end}.game__level-overlay{left:50%;pointer-events:none;position:absolute;top:clamp(4px,1vh,8px);transform:translateX(-50%);z-index:30}.game__level-label{color:var(--ip-island-orange);font-family:Press Start\ 2P,cursive;font-size:clamp(8px,1.4vw,13px);text-shadow:0 0 8px rgba(255,143,5,.6),0 1px 2px rgba(0,0,0,.8);white-space:nowrap}.game__dialog{background:rgba(3,4,0,.92);border:3px solid var(--ip-island-orange);box-shadow:inset 0 0 0 1px var(--ip-deep-sea),4px 4px 0 rgba(0,0,0,.5);left:50%;max-width:min(90%,500px);padding:clamp(10px,2vh,16px) clamp(12px,2vw,20px);position:absolute;top:50%;transform:translate(-50%,-50%);width:90%;z-index:25}.game__dialog[hidden]{display:none}.game__dialog-name{color:var(--ip-pride-blue);font-family:Press Start\ 2P,cursive;font-size:clamp(10px,1.5vw,14px);margin-bottom:6px;text-shadow:0 0 6px rgba(79,195,247,.4);text-transform:uppercase}.game__dialog-text{color:var(--ip-island-orange);font-family:VT323,monospace;font-size:clamp(16px,2.5vw,22px);line-height:1.4;margin:0;max-height:40vh;overflow-y:auto;text-shadow:0 0 4px rgba(255,143,5,.3)}.game__scanlines{background:repeating-linear-gradient(0deg,rgba(0,0,0,.06),rgba(0,0,0,.06) 1px,transparent 0,transparent 2px);z-index:50}.game__scanlines,.game__vignette{inset:0;pointer-events:none;position:absolute}.game__vignette{background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.4) 100%);z-index:49}.game__interface{background:var(--ip-island-black);border-top:3px solid var(--ip-island-orange);display:flex;flex:3;flex-direction:column;font-family:VT323,monospace;min-height:0}.game__titlebar{align-items:center;background:var(--ip-island-orange);border-bottom:2px solid var(--ip-deep-sea);color:var(--ip-island-black);display:flex;flex-shrink:0;font-family:Press Start\ 2P,cursive;font-size:clamp(8px,1.5vw,14px);gap:clamp(4px,1vw,8px);padding:clamp(3px,.6vh,6px) clamp(8px,1.5vw,12px)}.game__titlebar-status{align-items:center;display:flex;gap:4px;margin-left:auto}.game__status-dot{background:var(--ip-island-black);border-radius:50%;flex-shrink:0;height:8px;width:8px}@keyframes c64-blink{50%{opacity:0}}.game[data-state=listening] .game__status-dot{animation:c64-blink 1.5s step-start infinite;background:var(--ip-pride-blue)}.game[data-state=speaking] .game__status-dot{animation:c64-blink .5s step-start infinite;background:#fff}.game[data-state=thinking] .game__status-dot{animation:c64-blink .3s step-start infinite;background:var(--ip-sunset-gold)}.game[data-state=connecting] .game__status-dot{animation:c64-blink .8s step-start infinite;background:var(--ip-sunset-gold)}.game__transcript{flex:1;min-height:0;overflow-y:auto;padding:clamp(6px,.8vh,8px) clamp(8px,1.5vw,12px);scrollbar-color:var(--ip-island-orange) var(--ip-island-black);scrollbar-width:thin}.game__transcript::-webkit-scrollbar{width:6px}.game__transcript::-webkit-scrollbar-track{background:var(--ip-island-black)}.game__transcript::-webkit-scrollbar-thumb{background:var(--ip-island-orange);border-radius:0}.game__transcript-inner{display:flex;flex-direction:column;gap:4px;justify-content:flex-end;min-height:100%}@keyframes c64-type-in{0%{opacity:0}to{opacity:1}}.game__msg{animation:c64-type-in .15s step-end;font-family:VT323,monospace;font-size:clamp(15px,2.8vw,22px);line-height:1.3}.game__msg--agent .game__msg-role{color:var(--ip-pride-blue)}.game__msg--agent .game__msg-text{color:var(--ip-island-orange);text-shadow:0 0 4px rgba(255,143,5,.2)}.game__msg--user .game__msg-role{color:var(--ip-sunset-gold)}.game__msg--user .game__msg-text{color:var(--ip-island-white)}.game__msg--system .game__msg-text{color:var(--ip-text-tertiary);font-style:italic}.game__msg--streaming{border-left:2px solid var(--ip-island-orange);padding-left:.5rem}.game__msg--streaming .game__msg-text:after{animation:cursor-blink .6s step-end infinite;color:var(--ip-island-orange);content:"\2588";margin-left:1px}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.game__msg-role{font-weight:700;margin-right:6px}.game__separator{border:none;border-top:1px solid rgba(255,143,5,.35);flex-shrink:0;margin:0}.game__cmdline{align-items:center;display:flex;flex-shrink:0;gap:clamp(4px,.8vw,6px);padding:clamp(4px,.6vh,6px) clamp(8px,1.5vw,12px)}.game__prompt{flex-shrink:0;font-size:clamp(18px,3vw,24px);text-shadow:0 0 6px rgba(255,143,5,.5)}.game__input,.game__prompt{color:var(--ip-island-orange);font-family:VT323,monospace}.game__input{background:transparent;border:none;caret-color:var(--ip-island-orange);flex:1;font-size:clamp(16px,2.8vw,22px);min-width:0;outline:none}.game__input::placeholder{color:rgba(255,143,5,.3)}.game__controlbar{align-items:center;display:flex;flex-shrink:0;gap:clamp(4px,1vw,8px);padding:clamp(2px,.5vh,4px) clamp(8px,1.5vw,12px);position:relative;z-index:10}.game__ctrl-div{background:rgba(255,143,5,.25);flex-shrink:0;height:18px;width:1px}.game__ctrl-icon{flex-shrink:0;opacity:.7}.game__audio-ctrl{align-items:center;display:flex;flex-shrink:0;gap:0;position:relative}.game__audio-ctrl:has(.game__audio-dropdown:not([hidden])){z-index:100}.game__audio-ctrl[hidden]{display:none}.game__audio-btn{align-items:center;background:transparent;border:2px solid var(--ip-pride-blue);color:var(--ip-pride-blue);cursor:pointer;display:flex;height:clamp(26px,3.5vw,32px);justify-content:center;position:relative;transition:border-color .15s,color .15s;width:clamp(26px,3.5vw,32px)}.game__audio-btn:hover{background:rgba(79,195,247,.1)}.game__audio-btn--spk{border-color:var(--ip-island-orange);color:var(--ip-island-orange)}.game__audio-btn--spk:hover{background:rgba(255,143,5,.1)}.game__audio-btn--music{border-color:var(--ip-sunset-gold);color:var(--ip-sunset-gold)}.game__audio-btn--music:hover{background:rgba(255,213,79,.1)}.game__audio-ctrl--music .game__audio-arrow{border-color:var(--ip-sunset-gold);color:var(--ip-sunset-gold)}.game__audio-ctrl--music .game__audio-arrow:hover{background:rgba(255,213,79,.08)}.game__audio-ctrl--music .game__audio-arrow[aria-expanded=true]{background:rgba(255,213,79,.15)}.game__audio-ctrl--music .game__audio-dropdown{border-color:var(--ip-sunset-gold)}.game__audio-ctrl--music .game__audio-dropdown-item:hover{background:rgba(255,213,79,.15);color:var(--ip-sunset-gold)}.game__audio-ctrl--music .game__audio-dropdown-item--active,.game__mode-btn{color:var(--ip-sunset-gold)}.game__mode-btn{align-items:center;background:transparent;border:1.5px solid var(--ip-sunset-gold);cursor:pointer;display:flex;height:clamp(22px,3vw,26px);justify-content:center;transition:border-color .15s,color .15s,background .15s;width:clamp(22px,3vw,26px)}.game__mode-btn:hover{background:rgba(255,213,79,.12)}.game__mode-icon{display:none}.game__mode-btn[data-mode=game] .game__mode-icon--game,.game__mode-btn[data-mode=playlist] .game__mode-icon--playlist,.game__mode-btn[data-mode=repeat] .game__mode-icon--repeat{display:block}.game__audio-slash{color:#ef4444;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .15s}.game__audio-btn--muted{border-color:#ef4444;color:#ef4444}.game__audio-btn--muted .game__audio-slash{opacity:1}.game__soundwave{align-items:center;background:transparent;border:2px solid var(--ip-pride-blue);border-left:none;display:flex;gap:2px;height:clamp(26px,3.5vw,32px);padding:0 4px}.game__soundwave--spk{border-color:var(--ip-island-orange)}.game__sw-bar{align-self:center;background:var(--ip-pride-blue);height:3px;min-height:3px;transition:height 80ms linear;width:3px}.game__soundwave--spk .game__sw-bar{background:var(--ip-island-orange)}.game__audio-arrow{align-items:center;background:transparent;border:2px solid var(--ip-pride-blue);border-left:none;color:var(--ip-pride-blue);cursor:pointer;display:flex;font-size:7px;height:clamp(26px,3.5vw,32px);justify-content:center;padding:0;transition:background .15s;width:clamp(16px,2vw,20px)}.game__audio-ctrl--spk .game__audio-arrow{border-color:var(--ip-island-orange);color:var(--ip-island-orange)}.game__audio-arrow:hover{background:rgba(79,195,247,.08)}.game__audio-ctrl--spk .game__audio-arrow:hover{background:rgba(255,143,5,.08)}.game__audio-arrow[hidden]{display:none}.game__audio-arrow[aria-expanded=true]{background:rgba(79,195,247,.15)}.game__audio-ctrl--spk .game__audio-arrow[aria-expanded=true]{background:rgba(255,143,5,.15)}.game__audio-dropdown{background:rgba(3,4,0,.95);border:2px solid var(--ip-pride-blue);bottom:100%;left:0;margin-bottom:4px;max-height:180px;max-width:300px;min-width:200px;overflow-y:auto;position:absolute;z-index:60}.game__audio-ctrl--spk .game__audio-dropdown{border-color:var(--ip-island-orange)}.game__audio-dropdown[hidden]{display:none}.game__audio-dropdown-list{display:flex;flex-direction:column}.game__audio-dropdown-item{background:none;border:none;color:var(--ip-island-white);cursor:pointer;font-family:VT323,monospace;font-size:clamp(14px,2vw,18px);overflow:hidden;padding:6px 10px;text-align:left;text-overflow:ellipsis;transition:background .1s;white-space:nowrap}.game__audio-dropdown-item:hover{background:rgba(79,195,247,.15);color:var(--ip-pride-blue)}.game__audio-ctrl--spk .game__audio-dropdown-item:hover{background:rgba(255,143,5,.15);color:var(--ip-island-orange)}.game__audio-dropdown-item--active{color:var(--ip-pride-blue)}.game__audio-ctrl--spk .game__audio-dropdown-item--active{color:var(--ip-island-orange)}.game__audio-dropdown-item--active:before{content:"> "}.game__vol-slider{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;gap:6px;padding:6px 10px}.game__vol-label{color:hsla(0,0%,100%,.5);flex-shrink:0;font-family:Press Start\ 2P,cursive;font-size:7px;white-space:nowrap}.game__vol-range{-webkit-appearance:none;appearance:none;background:hsla(0,0%,100%,.15);border:none;cursor:pointer;flex:1;height:4px;outline:none}.game__vol-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ip-pride-blue);border:none;cursor:pointer;height:12px;width:12px}.game__vol-range::-moz-range-thumb{background:var(--ip-pride-blue);border:none;cursor:pointer;height:12px;width:12px}.game__vol-range--spk::-webkit-slider-thumb{background:var(--ip-island-orange)}.game__vol-range--spk::-moz-range-thumb{background:var(--ip-island-orange)}.game__vol-range--music::-webkit-slider-thumb{background:var(--ip-sunset-gold)}.game__vol-range--music::-moz-range-thumb{background:var(--ip-sunset-gold)}.game__ctrl-practice{align-items:center;background:transparent;border:2px solid var(--ip-island-orange);color:var(--ip-island-orange);cursor:pointer;display:flex;font-family:Press Start\ 2P,cursive;font-size:clamp(7px,1.2vw,9px);gap:4px;padding:clamp(3px,.5vh,5px) clamp(6px,1vw,8px);transition:all 50ms linear;white-space:nowrap}.game__ctrl-practice:hover:not(:disabled){background:rgba(255,143,5,.1);box-shadow:0 0 6px rgba(255,143,5,.3)}.game__ctrl-practice:disabled{cursor:not-allowed;opacity:.35}.game__ctrl-practice--unlocked .game__ctrl-icon{display:none}.game__ctrl-practice--unlocked:before{content:">";font-family:VT323,monospace;font-size:16px;line-height:1;margin-right:2px}.c64-btn{background:var(--ip-island-black);border:2px solid var(--ip-island-orange);box-shadow:2px 2px 0 rgba(0,0,0,.5);color:var(--ip-island-orange);cursor:pointer;font-family:Press Start\ 2P,cursive;font-size:clamp(9px,1.6vw,14px);padding:clamp(6px,1vh,8px) clamp(10px,2vw,18px);text-shadow:0 0 4px rgba(255,143,5,.3);transition:all 50ms linear;white-space:nowrap}.c64-btn:hover{background:rgba(255,143,5,.1);box-shadow:2px 2px 0 rgba(0,0,0,.5),0 0 8px rgba(255,143,5,.3)}.c64-btn:active{box-shadow:none;transform:translate(2px,2px)}.c64-btn--sm{font-size:clamp(8px,1.4vw,12px);padding:clamp(4px,.7vh,6px) clamp(8px,1.5vw,12px)}.c64-btn--sm:hover:not(:disabled){background:rgba(255,143,5,.15);box-shadow:2px 2px 0 rgba(0,0,0,.5),0 0 12px rgba(255,143,5,.4);text-shadow:0 0 8px rgba(255,143,5,.6)}.c64-btn--sm:active:not(:disabled){background:rgba(255,143,5,.25);box-shadow:none;transform:translate(2px,2px)}.c64-btn--sm:disabled{box-shadow:none;cursor:default;opacity:.3}.c64-btn--icon{padding:4px 6px}.c64-btn--danger{border-color:#ef4444;color:#ef4444}.c64-btn--danger:hover{background:rgba(239,68,68,.1);box-shadow:2px 2px 0 rgba(0,0,0,.5),0 0 8px rgba(239,68,68,.3)}.c64-btn--muted{border-color:#ef4444;color:#ef4444}.game__end:active,.game__mic:active,.game__practice-send:active,.game__send:active{transform:scale(.95)}.c64-chip{background:rgba(255,143,5,.06);border:1px solid rgba(255,143,5,.3);color:rgba(255,143,5,.6);cursor:pointer;font-family:VT323,monospace;font-size:clamp(15px,2.5vw,20px);padding:clamp(3px,.6vh,6px) clamp(8px,1.5vw,14px);transition:all .15s ease;white-space:nowrap}.c64-chip:hover{background:rgba(255,143,5,.12)}.c64-chip--exercise,.c64-chip:hover{border-color:var(--ip-island-orange);color:var(--ip-island-orange)}.c64-chip--exercise{animation:pulse-border 2s ease-in-out infinite;background:rgba(255,143,5,.1);cursor:default;text-align:left;white-space:normal}@keyframes pulse-border{0%,to{border-color:var(--ip-island-orange);box-shadow:0 0 4px rgba(255,143,5,.2)}50%{border-color:var(--ip-sunset-gold);box-shadow:0 0 12px rgba(255,143,5,.4)}}.c64-verb{background:transparent;border:1px solid var(--ip-island-orange);color:var(--ip-island-orange);cursor:pointer;font-family:Press Start\ 2P,cursive;font-size:12px;padding:6px 14px;transition:background .1s}.c64-verb:hover{background:rgba(255,143,5,.08)}.c64-verb--active{background:var(--ip-island-orange);color:var(--ip-island-black)}.game__practice-panel{background:var(--ip-island-black);border-top:3px solid var(--ip-island-orange);display:flex;flex:3;flex-direction:column;font-family:VT323,monospace;min-height:0}.game--practice .game__interface,.game__practice-panel[hidden]{display:none}.game--practice .game__practice-panel{display:flex}.game__practice-titlebar{align-items:center;background:#9c27b0;border-bottom:2px solid #7b1fa2;color:var(--ip-island-white);display:flex;flex-shrink:0;font-family:Press Start\ 2P,cursive;font-size:clamp(7px,1.3vw,10px);justify-content:space-between;padding:clamp(3px,.6vh,6px) clamp(8px,1.5vw,12px)}.game__practice-body{display:flex;flex:1;flex-direction:column;min-height:0}.game__practice-messages{display:flex;flex:1;flex-direction:column;justify-content:flex-end;min-height:0;overflow-y:auto;padding:clamp(6px,.8vh,8px) clamp(8px,1.5vw,12px);scrollbar-color:#9c27b0 var(--ip-island-black);scrollbar-width:thin}.game__practice-messages::-webkit-scrollbar{width:6px}.game__practice-messages::-webkit-scrollbar-track{background:var(--ip-island-black)}.game__practice-messages::-webkit-scrollbar-thumb{background:#9c27b0}.game__practice-msg{animation:c64-type-in .15s step-end;font-family:VT323,monospace;font-size:clamp(15px,2.8vw,22px);line-height:1.3;margin-bottom:6px}.game__practice-msg--agent .game__practice-role{color:#ce93d8;font-weight:700}.game__practice-msg--agent{color:var(--ip-island-white)}.game__practice-msg--user .game__practice-role{color:var(--ip-sunset-gold);font-weight:700}.game__practice-msg--user{color:var(--ip-island-white)}.game__practice-media{animation:c64-type-in .15s step-end;background:rgba(79,195,247,.05);border:1px solid var(--ip-pride-blue);border-radius:4px;margin:8px 0;padding:6px}.game__practice-media img,.game__practice-media video{background:#000;border-radius:2px;display:block;max-height:clamp(120px,20vh,200px);max-width:100%;object-fit:contain}.game__practice-media figcaption{color:var(--ip-pride-blue);font-family:VT323,monospace;font-size:clamp(14px,2vw,18px);line-height:1.2;margin-top:4px}.game__practice-cmdline{align-items:center;border-bottom:2px solid #9c27b0;border-top:2px solid #9c27b0}.game__practice-cmdline,.game__practice-tips{display:flex;flex-shrink:0;gap:clamp(4px,.8vw,6px);padding:clamp(4px,.6vh,6px) clamp(8px,1.5vw,12px)}.game__practice-tips{overflow-x:auto;scrollbar-width:none}.game__practice-tips::-webkit-scrollbar{display:none}.game-pill{bottom:max(20px,calc(env(safe-area-inset-bottom, 0px) + 12px));left:50%;position:fixed;transform:translateX(-50%);z-index:100}.game-pill[hidden]{display:none}.game-pill__btn{align-items:center;background:rgba(3,4,0,.95);border:2px solid var(--ip-island-orange);box-shadow:0 4px 20px rgba(0,0,0,.5),0 0 12px rgba(255,143,5,.2);color:var(--ip-island-orange);cursor:pointer;display:flex;font-family:Press Start\ 2P,cursive;font-size:clamp(10px,1.5vw,12px);gap:8px;padding:clamp(6px,1vh,8px) clamp(12px,2.5vw,20px)}.game-pill__btn:hover{background:rgba(255,143,5,.1)}.game__modal{align-items:center;background:rgba(0,0,0,.7);display:flex;inset:0;justify-content:center;position:absolute;z-index:60}.game__modal[hidden]{display:none}.game__modal-box{background:rgba(3,4,0,.95);border:3px solid var(--ip-island-orange);box-shadow:0 0 30px rgba(255,143,5,.2);max-width:min(90%,340px);padding:clamp(16px,3vh,24px) clamp(20px,4vw,32px);text-align:center}.game__modal-text{color:var(--ip-island-orange);font-family:VT323,monospace;font-size:clamp(18px,3vw,22px);line-height:1.4;margin:0 0 clamp(12px,2vh,20px)}.game__modal-actions{display:flex;gap:12px;justify-content:center}.game__lang-selector{display:flex;gap:clamp(3px,.5vw,6px);justify-content:center;margin-bottom:clamp(10px,1.5vh,18px)}.game__lang-btn{background:transparent;border:1px solid rgba(255,143,5,.3);color:rgba(255,143,5,.5);cursor:pointer;font-family:Press Start\ 2P,cursive;font-size:clamp(7px,.9vw,9px);padding:clamp(3px,.5vh,5px) clamp(6px,1vw,10px);transition:all .15s ease}.game__lang-btn:hover{border-color:var(--ip-island-orange);color:var(--ip-island-orange)}.game__lang-btn--active{background:var(--ip-island-orange);border-color:var(--ip-island-orange)}.game__lang-btn--active,.game__lang-btn--active:hover{color:var(--ip-island-black)}.game__lang-btn--disabled{cursor:not-allowed;opacity:.3;pointer-events:none}[data-theme=light] .game__lang-btn{border-color:rgba(1,87,155,.3);color:rgba(1,87,155,.5)}[data-theme=light] .game__lang-btn:hover{border-color:var(--ip-deep-sea);color:var(--ip-deep-sea)}[data-theme=light] .game__lang-btn--active{background:var(--ip-deep-sea);border-color:var(--ip-deep-sea);color:var(--ip-island-white)}[data-theme=light] .game__lang-btn--active:hover{color:var(--ip-island-white)}[lang=ja] .ai-agent-cta__container>p,[lang=ja] .ai-agent-learn__card p,[lang=ja] .ai-agent-method__intro,[lang=ja] .ai-agent-method__step p,[lang=ja] .game__dialog-text,[lang=ja] .game__input,[lang=ja] .game__msg-text,[lang=ja] .game__practice-msg{font-family:Noto Sans JP,VT323,monospace}[lang=ja] .ai-agent-cta__container h2,[lang=ja] .ai-agent-learn__card h3,[lang=ja] .ai-agent-learn__heading,[lang=ja] .ai-agent-method__container>h2,[lang=ja] .ai-agent-method__step h3{font-family:Noto Sans JP,system-ui,sans-serif}[lang=zh] .ai-agent-cta__container>p,[lang=zh] .ai-agent-learn__card p,[lang=zh] .ai-agent-method__intro,[lang=zh] .ai-agent-method__step p,[lang=zh] .game__dialog-text,[lang=zh] .game__input,[lang=zh] .game__msg-text,[lang=zh] .game__practice-msg{font-family:Noto Sans SC,VT323,monospace}[lang=zh] .ai-agent-cta__container h2,[lang=zh] .ai-agent-learn__card h3,[lang=zh] .ai-agent-learn__heading,[lang=zh] .ai-agent-method__container>h2,[lang=zh] .ai-agent-method__step h3{font-family:Noto Sans SC,system-ui,sans-serif}@keyframes game-highlight-flash{0%,to{outline-color:transparent}50%{outline-color:var(--ip-island-orange)}}.game__highlight{animation:game-highlight-flash .5s ease 3;outline:3px solid transparent;outline-offset:8px}.ip-sr-only{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0,0,0,0);white-space:nowrap}.ai-agent-learn{background:var(--ip-bg-elevated,#fff);padding:clamp(40px,8vh,80px) clamp(16px,4vw,20px)}.ai-agent-learn__container{margin:0 auto;max-width:1100px}.ai-agent-learn__heading{color:var(--ip-text,#1a1a2e);font-size:clamp(22px,5vw,36px);font-weight:700;margin:0 0 clamp(24px,4vh,48px);text-align:center}.ai-agent-learn__grid{display:grid;gap:clamp(12px,2.5vw,24px);grid-template-columns:repeat(5,1fr)}.ai-agent-learn__card{background:var(--ip-bg-card,#f8f9fa);border-radius:12px;padding:clamp(16px,3vw,32px) clamp(14px,2.5vw,24px);text-align:center;transition:transform .2s ease,box-shadow .2s ease}.ai-agent-learn__card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-4px)}.ai-agent-learn__card-icon{align-items:center;background:linear-gradient(135deg,#1a1a2e,#0f3460);border-radius:12px;color:#fff;display:flex;height:56px;justify-content:center;margin:0 auto 20px;width:56px}.ai-agent-learn__card h3{color:var(--ip-text,#1a1a2e);font-size:18px;font-weight:600;margin:0 0 12px}.ai-agent-learn__card p{color:var(--ip-text-secondary,#666);font-size:14px;line-height:1.6;margin:0}.ai-agent-method{background:var(--ip-bg,#f8f9fa);padding:clamp(40px,8vh,80px) clamp(16px,4vw,20px)}.ai-agent-method__container{margin:0 auto;max-width:800px}.ai-agent-method__container>h2{color:var(--ip-text,#1a1a2e);font-size:clamp(22px,5vw,36px);font-weight:700;margin:0 0 16px;text-align:center}.ai-agent-method__intro{color:var(--ip-text-secondary,#666);font-size:clamp(15px,2.5vw,18px);line-height:1.6;margin:0 0 clamp(24px,4vh,48px);text-align:center}.ai-agent-method__steps{display:flex;flex-direction:column;gap:24px}.ai-agent-method__step{align-items:flex-start;background:var(--ip-bg-card,#fff);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);display:flex;gap:clamp(12px,2.5vw,24px);padding:28px}.ai-agent-method__step-number{align-items:center;background:linear-gradient(135deg,#1a1a2e,#0f3460);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:44px;justify-content:center;width:44px}.ai-agent-method__step h3{color:var(--ip-text,#1a1a2e);font-size:18px;font-weight:600;margin:0 0 8px}.ai-agent-method__step p{color:var(--ip-text-secondary,#666);font-size:15px;line-height:1.6;margin:0}.ai-agent-cta{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);color:#fff;padding:clamp(40px,8vh,80px) clamp(16px,4vw,20px);text-align:center}.ai-agent-cta__container{margin:0 auto;max-width:640px}.ai-agent-cta__container h2{color:#fff;font-size:clamp(22px,5vw,36px);font-weight:700;margin:0 0 16px}.ai-agent-cta__container>p{color:hsla(0,0%,100%,.85);font-size:clamp(15px,2.5vw,18px);line-height:1.6;margin:0 0 clamp(20px,3vh,32px)}.ai-agent-cta__button{background:#fff;border-radius:100px;color:#1a1a2e;display:inline-block;font-size:clamp(14px,2vw,16px);font-weight:600;padding:clamp(12px,2vh,16px) clamp(24px,5vw,40px);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.ai-agent-cta__button:hover{box-shadow:0 4px 16px rgba(0,0,0,.3);color:#1a1a2e;transform:translateY(-2px)}[data-theme=light] .game{background:#f5f5f7;border-color:var(--ip-deep-sea)}[data-theme=light] .game__interface{background:ivory;border-right-color:var(--ip-deep-sea);border-top-color:var(--ip-deep-sea)}[data-theme=light] .game__titlebar{background:var(--ip-deep-sea);border-bottom-color:#01579b;color:var(--ip-island-white)}[data-theme=light] .game__status-dot{background:var(--ip-island-white)}[data-theme=light] .game__msg--agent .game__msg-text{color:var(--ip-deep-sea);text-shadow:none}[data-theme=light] .game__msg--user .game__msg-text{color:#1a1a1a}[data-theme=light] .game__msg--system .game__msg-text{color:rgba(0,0,0,.45)}[data-theme=light] .game__input{caret-color:var(--ip-deep-sea);color:#1a1a1a}[data-theme=light] .game__input::placeholder{color:rgba(0,0,0,.25)}[data-theme=light] .game__prompt{color:var(--ip-deep-sea);text-shadow:none}[data-theme=light] .game__cmdline{border-top-color:var(--ip-deep-sea)}[data-theme=light] .c64-btn{background:ivory;border-color:var(--ip-deep-sea);color:var(--ip-deep-sea);text-shadow:none}[data-theme=light] .c64-btn:hover{background:rgba(1,87,155,.08)}[data-theme=light] .c64-verb{border-color:var(--ip-deep-sea);color:var(--ip-deep-sea)}[data-theme=light] .c64-verb:hover{background:rgba(1,87,155,.06)}[data-theme=light] .c64-chip{background:rgba(1,87,155,.04);border-color:rgba(1,87,155,.3);color:rgba(1,87,155,.6)}[data-theme=light] .c64-chip:hover{border-color:var(--ip-deep-sea);color:var(--ip-deep-sea)}[data-theme=light] .game__score-label{color:var(--ip-deep-sea)}[data-theme=light] .game__score-overlay{background:rgba(255,255,240,.7);border-color:var(--ip-deep-sea)}[data-theme=light] .game__score-bar{border-color:var(--ip-deep-sea)}[data-theme=light] .game__score-fill{background:var(--ip-deep-sea)}[data-theme=light] .game__transcript{scrollbar-color:var(--ip-deep-sea) ivory}[data-theme=light] .game__transcript::-webkit-scrollbar-thumb{background:var(--ip-deep-sea)}[data-theme=light] .game__transcript::-webkit-scrollbar-track{background:ivory}[data-theme=light] .game__dialog{background:rgba(255,255,240,.95);border-color:var(--ip-deep-sea)}[data-theme=light] .game__dialog-text{color:var(--ip-deep-sea);text-shadow:none}[data-theme=light] .game__title-frame{background:rgba(255,255,240,.9);border-color:var(--ip-deep-sea)}[data-theme=light] .game__title-frame h1{color:var(--ip-deep-sea);text-shadow:2px 2px 0 rgba(0,0,0,.1)}[data-theme=light] .game__scanlines{background:repeating-linear-gradient(0deg,rgba(0,0,0,.03),rgba(0,0,0,.03) 1px,transparent 0,transparent 2px)}[data-theme=light] .game__practice-panel{background:ivory;border-top-color:#7b1fa2}[data-theme=light] .game__practice-titlebar{background:#7b1fa2;color:var(--ip-island-white)}[data-theme=light] .game__practice-msg--agent{color:#1a1a1a}[data-theme=light] .game__practice-msg--agent .game__practice-role{color:#7b1fa2}[data-theme=light] .game__practice-msg--user{color:#1a1a1a}[data-theme=light] .game__practice-cmdline{border-bottom-color:#7b1fa2;border-top-color:#7b1fa2}[data-theme=light] .game__practice-messages{scrollbar-color:#7b1fa2 ivory}[data-theme=light] .game__practice-messages::-webkit-scrollbar-thumb{background:#7b1fa2}[data-theme=light] .game-pill__btn{background:rgba(255,255,240,.95);border-color:var(--ip-deep-sea);color:var(--ip-deep-sea)}@media (min-width:1200px){.game{flex-direction:row}.game__scene{flex:1;min-width:0;order:2}.game__interface{border-right:3px solid var(--ip-island-orange);border-top:none;flex:0 0 35%;max-height:none;order:1}.game[data-state=listening] .game__interface{border-right-color:var(--ip-pride-blue)}.game[data-state=speaking] .game__interface{border-right-color:var(--ip-island-orange)}.game[data-state=thinking] .game__interface{border-right-color:var(--ip-sunset-gold)}.game[data-state=paused] .game__interface{border-right-color:#9c27b0}.game[data-state=error] .game__interface{border-right-color:#ef4444}.game__practice-panel{border-right:3px solid #9c27b0;border-top:none;flex:0 0 35%;max-height:none;order:1}.game__char{bottom:-5%;height:clamp(180px,20vw,400px);right:-500px;width:clamp(180px,20vw,400px)}.game__char--visible{right:5%}}@media (min-width:1800px){.game__interface,.game__practice-panel{flex:0 0 30%}}@media (max-width:1100px){.ai-agent-learn__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.ai-agent-learn__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.ai-agent-learn__grid{grid-template-columns:1fr}.ai-agent-method__step{align-items:center;flex-direction:column;text-align:center}}@media (max-width:480px){.game{border-width:2px;box-shadow:none}.game__scene{flex:none;height:35%;min-height:0}.game[data-state=ended] .game__scene,.game[data-state=title] .game__scene{flex:none;height:55%}.game[data-state=ended] .game__interface,.game[data-state=title] .game__interface{flex:1}.game__interface{flex:1;min-height:0;overflow:hidden}.game__dialog{display:none!important}.game__title-frame{max-width:96%}.game__char{bottom:2%;height:clamp(80px,22vw,140px);width:clamp(80px,22vw,140px)}.game__practice-panel{flex:1;min-height:0;overflow:hidden}.game__scanlines{opacity:.4}.game__vignette{display:none}}@media (max-width:380px){.game__title-chips{display:none}}@media (max-height:600px) and (max-width:1199px){.game__scene{flex:none;height:35%}.game[data-state=ended] .game__scene,.game[data-state=title] .game__scene{height:55%}.game__interface{flex:1;min-height:0;overflow:hidden}.game__practice-panel{flex:1}.game__char{bottom:0;height:clamp(80px,18vw,130px);width:clamp(80px,18vw,130px)}.game__title-chips,.game__title-hint,.game__title-privacy,.game__title-privacy-link{display:none}.game__dialog{display:none!important}}@media (max-height:700px) and (min-height:601px){.game__scene{flex:1}.game[data-state=ended] .game__scene,.game[data-state=title] .game__scene,.game__interface{flex:2}.game[data-state=ended] .game__interface,.game[data-state=title] .game__interface{flex:1}}.game--low-power .game__scanlines,.game--low-power .game__vignette{display:none}.game--low-power .game__char-img,.game--low-power .ip-celestial__glow{filter:none}.game--low-power .game__lang-btn,.game--low-power .game__lang-btn--active{backdrop-filter:none;-webkit-backdrop-filter:none}.game--low-power .ip-star{animation-duration:6s}.game--low-power .ip-cloud{animation-duration:120s}.game--low-power .game[data-state=connecting],.game--low-power .game[data-state=listening],.game--low-power .game[data-state=speaking],.game--low-power .game[data-state=thinking]{animation-duration:4s}.game--low-power.game[data-state=listening]{box-shadow:inset 0 0 30px rgba(0,0,0,.5),0 0 12px rgba(79,195,247,.3)}.game--low-power.game[data-state=speaking]{box-shadow:inset 0 0 30px rgba(0,0,0,.5),0 0 12px rgba(255,143,5,.3)}@media (prefers-reduced-motion:reduce){.ip-star{animation:none!important;opacity:.6}.game__sw-bar{transition:none!important}.game__stars:after{display:none}.c64-chip--exercise,.game__stars:after,.ip-cloud{animation:none!important}.game__char{transition:none!important}.game__scanlines{display:none}.game__msg,.game__status-dot{animation:none!important}.game__status-dot{opacity:1}.game__city,.game__ground,.game__sky,.game__stars,.ip-celestial,.ip-cloud{transition:none!important}.game[data-state=connecting],.game[data-state=error],.game[data-state=listening],.game[data-state=paused],.game[data-state=speaking],.game[data-state=thinking]{animation:none!important;--vol:0!important}.game--user-active,.game__thinking-dot{animation:none!important}.game__thinking-dot{opacity:.6}}