@layer tokens{:root{--font-display:var(--font-sans);--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--radius:.625rem;--radius-sm:calc(var(--radius) * .6);--radius-md:calc(var(--radius) * .8);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) * 1.4);--radius-2xl:calc(var(--radius) * 1.8);--radius-3xl:calc(var(--radius) * 2.2);--radius-4xl:calc(var(--radius) * 2.6);--radius-full:9999px;--duration-fast:.12s;--duration:.15s;--duration-slow:.24s;--ease:cubic-bezier(.4, 0, .2, 1);--ease-physical:cubic-bezier(.34, 1.56, .64, 1);--transition-ui:color var(--duration) var(--ease), background-color var(--duration) var(--ease), border-color var(--duration) var(--ease), opacity var(--duration) var(--ease);--ring-width:2px;--ring-offset:2px;--ring:currentColor;--input:oklch(60% 0 0);--accent-ink:var(--foreground);--neutral-hue:0;--neutral-chroma:.006;--series-dash-1:none;--series-dash-2:6 4;--series-dash-3:1 4;--series-dash-4:10 4 2 4;--series-dash-5:2 2;--series-width:2px}}@layer base{html,body{overflow-x:clip}h1,h2,h3,h4,[data-display],.display,.font-display{overflow-wrap:anywhere;min-width:0}.transition-ui{transition:var(--transition-ui)}[data-series="1"]{stroke-dasharray:var(--series-dash-1)}[data-series="2"]{stroke-dasharray:var(--series-dash-2)}[data-series="3"]{stroke-dasharray:var(--series-dash-3)}[data-series="4"]{stroke-dasharray:var(--series-dash-4)}[data-series="5"]{stroke-dasharray:var(--series-dash-5)}.recharts-line-curve,.recharts-area-curve,[data-series]{stroke-width:var(--series-width)}}@media (prefers-reduced-motion:reduce){:not([data-motion-critical]),:not([data-motion-critical]):before,:not([data-motion-critical]):after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-spin,[role=progressbar],[data-loading=true]{animation-duration:1s!important;animation-iteration-count:infinite!important}.animate-pulse,[class*=skeleton i],[class*=shimmer i]{animation-duration:2s!important;animation-iteration-count:infinite!important}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible,[role=button]:focus-visible{outline:var(--ring-width) solid var(--ring);outline-offset:var(--ring-offset);transition:none}a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible),summary:focus:not(:focus-visible){outline:none}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px}*{box-sizing:border-box}html,body,#root{background:#14101c;height:100%;margin:0;padding:0;overflow:hidden}body{-webkit-font-smoothing:antialiased}button{font:inherit}.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}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.phaser-container{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.phaser-container canvas{max-width:100%;max-height:100%}.overworld-hud{z-index:30;pointer-events:none;justify-content:space-between;align-items:flex-start;transition:opacity .15s;display:flex;position:absolute;top:14px;left:14px;right:14px}.overworld-hud.dim{opacity:.35}.overworld-hud-block{background:var(--hba-panel);border:2px solid var(--hba-border-soft);border-radius:var(--hba-radius-sm);padding:var(--space-2) var(--space-3);min-width:160px}.overworld-hud-name{margin-bottom:var(--space-1);font-size:.82rem;font-weight:700}.overworld-hud-hpbar{background:#2a2038;border-radius:5px;height:8px;overflow:hidden}.overworld-hud-hpfill{background:linear-gradient(90deg,#6fae8f,#a8e0c4);height:100%;transition:width .25s}.overworld-hud-hp{color:var(--hba-text-muted);margin-top:var(--space-1);font-size:.7rem}.overworld-hud-area{background:var(--hba-panel);border:2px solid var(--hba-border-soft);border-radius:var(--hba-radius-sm);padding:var(--space-2) var(--space-3);color:var(--hba-text-muted);font-size:.82rem}.toast-wrap{z-index:55;pointer-events:none;position:absolute;top:18px;left:50%;transform:translate(-50%)}.toast-bubble{background:var(--hba-panel-solid);border:2px solid var(--hba-border);padding:var(--space-2) var(--space-4);border-radius:999px;font-size:.85rem;animation:.2s toast-in;box-shadow:0 6px 20px #0006}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dialogue-overlay{padding:0 var(--space-5) var(--space-5);pointer-events:none;z-index:40;justify-content:center;display:flex;position:absolute;bottom:0;left:0;right:0}.dialogue-box{pointer-events:auto;background:var(--hba-panel);border:3px solid var(--hba-border);border-radius:var(--hba-radius);gap:var(--space-4);width:min(900px,100%);min-height:150px;padding:var(--space-4) var(--space-5);animation:.16s ease-out dialogue-in;display:flex;box-shadow:0 10px 36px #0000008c}@keyframes dialogue-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.dialogue-portrait{flex:none;align-items:flex-start;display:flex}.dialogue-content{flex:auto;min-width:0}.dialogue-name{color:var(--hba-border);letter-spacing:.02em;margin-bottom:var(--space-1);text-transform:uppercase;font-size:.95rem;font-weight:700}.dialogue-text{color:var(--hba-text);white-space:pre-wrap;min-height:3.3em;font-size:1.08rem;line-height:1.5}.dialogue-caret{color:var(--hba-border);animation:.9s step-end infinite blink}@keyframes blink{50%{opacity:0}}.dialogue-continue{margin-left:auto;margin-top:var(--space-1);text-align:right;color:var(--hba-border);cursor:pointer;background:0 0;border:none;padding:0;animation:1s ease-in-out infinite bob;display:block}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.dialogue-choices{gap:var(--space-1);flex-direction:column;margin:10px 0 0;padding:0;list-style:none;display:flex}.dialogue-choice-btn{cursor:pointer;width:100%;padding:var(--space-1) var(--space-2);border-radius:var(--hba-radius-sm);color:var(--hba-text-muted);gap:var(--space-2);text-align:left;background:0 0;border:none;display:flex}.dialogue-choice-btn.selected{color:var(--hba-text);background:#ffe0661f}.choice-marker{color:var(--hba-border);width:1em}.puzzle-overlay{z-index:50;background:#0a070f8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.puzzle-panel{width:320px;padding:var(--space-5);text-align:center}.puzzle-panel h3{color:var(--hba-border);margin:0 0 8px}.puzzle-flavor{color:var(--hba-text-muted);margin-bottom:var(--space-3);font-size:.9rem}.puzzle-display{gap:var(--space-2);margin-bottom:var(--space-3);letter-spacing:.1em;justify-content:center;font-size:1.6rem;display:flex}.puzzle-digit{border:2px solid var(--hba-border-soft);border-radius:var(--hba-radius-sm);justify-content:center;align-items:center;width:36px;height:44px;display:flex}.puzzle-keypad{gap:var(--space-2);margin-bottom:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.puzzle-close{width:100%}.shake{animation:.38s shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.poetry-panel{width:380px;padding:var(--space-5);text-align:center}.poetry-panel h3{color:var(--hba-border);margin:0 0 12px}.poetry-verse{color:var(--hba-text);margin-bottom:var(--space-4);font-size:.98rem;font-style:italic;line-height:1.7}.poetry-blank{color:var(--hba-pink);letter-spacing:.1em;font-style:normal}.poetry-choices{gap:var(--space-2);margin-bottom:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.fight-bar-wrap{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;flex-direction:column;display:flex}.fight-bar-hint{color:var(--hba-text-muted);margin:0;font-size:.85rem}.fight-bar-track{border:2px solid var(--hba-border-soft);background:#241b30;border-radius:11px;height:22px;position:relative;overflow:hidden}.fight-bar-zone{background:#ffe06659;position:absolute;top:0;bottom:0}.fight-bar-marker{background:var(--hba-pink);width:4px;box-shadow:0 0 8px var(--hba-pink);position:absolute;top:-3px;bottom:-3px}.fight-bar-swing{padding:var(--space-1) var(--space-5)}.battle-hud{padding:var(--space-4) var(--space-5) var(--space-4);z-index:35;gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.battle-hp-row{justify-content:space-between;gap:var(--space-5);pointer-events:auto;display:flex}.battle-hp-block{background:var(--hba-panel);border:2px solid var(--hba-border-soft);border-radius:var(--hba-radius-sm);padding:var(--space-2) var(--space-3);flex:1}.battle-hp-name{color:var(--hba-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1);font-size:.8rem}.battle-hp-bar-track{background:#2a2038;border-radius:6px;height:10px;overflow:hidden}.battle-hp-bar-fill{background:linear-gradient(90deg, var(--hba-pink), var(--hba-orange));height:100%;transition:width .25s}.battle-hp-bar-fill.player{background:linear-gradient(90deg,#6fae8f,#a8e0c4)}.battle-lower{gap:var(--space-3);pointer-events:auto;display:flex}.battle-log{background:var(--hba-panel);border:3px solid var(--hba-border);border-radius:var(--hba-radius);padding:var(--space-3) var(--space-4);gap:var(--space-1);flex-direction:column;flex:1.3;min-height:128px;max-height:128px;font-size:.95rem;line-height:1.45;display:flex;overflow-y:auto}.battle-log .log-line{color:var(--hba-text)}.battle-log .log-line:not(:last-child){color:var(--hba-text-muted)}.battle-menu-panel{background:var(--hba-panel);border:3px solid var(--hba-border);border-radius:var(--hba-radius);padding:var(--space-3);flex:1;min-height:128px;max-height:180px;overflow-y:auto}.battle-menu-grid{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.battle-menu-grid .hba-btn{text-align:left}.battle-submenu-list{gap:var(--space-1);flex-direction:column;display:flex}.battle-submenu-list .hba-btn{text-align:left}.battle-back-btn{margin-top:var(--space-2);width:100%}.spare-btn.available{border-color:var(--hba-border);background:#33260f;animation:1.4s ease-in-out infinite spare-glow}@keyframes spare-glow{0%,to{box-shadow:0 0 #ffe06600}50%{box-shadow:0 0 14px #ffe06680}}.menu-overlay{z-index:45;background:#08060c99;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.menu-panel{width:min(560px,92%);max-height:80vh;padding:var(--space-5) var(--space-5);overflow-y:auto}.menu-panel h2{color:var(--hba-border);margin:0 0 16px;font-size:1.2rem}.menu-hub-grid{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.menu-hub-grid .hba-btn{padding:var(--space-3);text-align:left;font-size:1rem}.menu-row{padding:var(--space-2) 0;border-bottom:1px solid var(--hba-border-soft);justify-content:space-between;align-items:center;display:flex}.menu-row:last-child{border-bottom:none}.menu-row-select-btn{color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0}.menu-close-row{margin-top:var(--space-4);justify-content:flex-end;gap:var(--space-2);display:flex}.menu-section-title{color:var(--hba-text-muted);text-transform:uppercase;letter-spacing:.06em;margin:16px 0 8px;font-size:.78rem}.menu-slider-row{gap:var(--space-1);padding:var(--space-2) 0;flex-direction:column;display:flex}.menu-slider-row input[type=range]{width:100%}.menu-toggle-row{padding:var(--space-2) 0;justify-content:space-between;align-items:center;display:flex}.phone-shell{width:320px;height:560px;max-height:90vh;padding:var(--space-3) var(--space-3);background:#17111f;border:4px solid #2b2038;border-radius:32px;flex-direction:column;display:flex;position:relative;box-shadow:0 20px 60px #0009}.phone-notch{background:#2b2038;border-radius:4px;width:70px;height:6px;margin:0 auto 10px}.phone-tabs{gap:var(--space-1);margin-bottom:var(--space-2);display:flex}.phone-tabs button{color:var(--hba-text-muted);padding:var(--space-2) var(--space-1);cursor:pointer;background:#241b30;border:none;border-radius:8px;flex:1;font-size:.78rem}.phone-tabs button.active{background:var(--hba-border);color:#17111f;font-weight:700}.phone-body{padding:var(--space-2);background:#100b18;border-radius:14px;flex:1;overflow-y:auto}.phone-empty{color:var(--hba-text-muted);text-align:center;margin-top:var(--space-4);font-size:.85rem}.phone-contact-list,.phone-quest-list,.phone-profile-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.phone-contact-list li{cursor:pointer;padding:var(--space-2);background:#1c1526;border-radius:10px;flex-direction:column;display:flex}.phone-contact-list li span{color:var(--hba-text-muted);font-size:.75rem}.phone-thread{gap:var(--space-2);flex-direction:column;display:flex}.phone-back{color:var(--hba-border);cursor:pointer;margin-bottom:var(--space-1);background:0 0;border:none;align-self:flex-start;font-size:.85rem}.phone-bubble{padding:var(--space-2) var(--space-3);background:#241b30;border-radius:12px;font-size:.88rem}.phone-bubble-from{color:var(--hba-border);margin-bottom:var(--space-1);font-size:.7rem}.phone-quest-list li{padding:var(--space-2);background:#1c1526;border-radius:10px}.phone-quest-list li.complete strong{color:var(--hba-green)}.phone-quest-list li p{color:var(--hba-text-muted);margin:4px 0 0;font-size:.8rem}.phone-profile-list li{padding:var(--space-2);background:#1c1526;border-radius:10px;flex-direction:column;display:flex}.phone-profile-title{color:var(--hba-text-muted);margin-bottom:var(--space-1);font-size:.75rem}.phone-profile-list li p{margin:0;font-size:.82rem}.phone-close{margin-top:var(--space-2);width:100%}.title-screen{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.title-bg{background:radial-gradient(circle at 30% 20%,#392a52 0%,#14101c 55%) 0 0/200% 200%,radial-gradient(circle at 80% 80%,#33223f 0%,#0000 55%) 0 0/200% 200%,radial-gradient(circle at 50% 100%,#241a35 0%,#0000 60%) 0 0/100% 100%;animation:18s ease-in-out infinite title-drift;position:absolute;inset:0}@keyframes title-drift{0%,to{background-position:0 0,100% 100%,0 0}50%{background-position:20% 30%,70% 60%,0 0}}.title-artwork{z-index:0;width:100%;height:100%;position:absolute;inset:0}.title-vignette{z-index:1;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 min(18vw,220px) #000000d9}.title-embers{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.title-ember{opacity:0;filter:blur(.5px);border-radius:50%;animation-name:ember-rise;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;bottom:-10px;box-shadow:0 0 6px 1px}@keyframes ember-rise{0%{opacity:0;transform:translate(0)}8%{opacity:.85}90%{opacity:.5}to{transform:translate(var(--drift), -115vh);opacity:0}}.title-content{z-index:2;text-align:center;animation:.9s cubic-bezier(.16,1,.3,1) both title-content-in;position:relative}@keyframes title-content-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.title-logo{font-family:"Cinzel", var(--hba-font);letter-spacing:.05em;color:#0000;filter:drop-shadow(0 0 18px #ffe0664d)drop-shadow(0 0 42px #ff6ea638);background:linear-gradient(#fff6ea 0%,#ffe680 42%,#ffe066 60%,#ff9dc2 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.4rem,6.5vw,3.9rem);font-weight:600;line-height:1.15;animation:5s ease-in-out infinite logo-glow}@keyframes logo-glow{0%,to{filter:drop-shadow(0 0 18px #ffe0664d)drop-shadow(0 0 42px #ff6ea638)}50%{filter:drop-shadow(0 0 26px #ffe06680)drop-shadow(0 0 58px #ff6ea661)}}.title-slash{color:var(--hba-pink);-webkit-text-fill-color:var(--hba-pink)}.title-logo.fx-grain{animation:5s ease-in-out infinite logo-glow,3.6s ease-in-out infinite fx-grain-flicker;position:relative}.title-logo.fx-grain:before,.title-logo.fx-grain:after{content:attr(data-text);pointer-events:none;color:#0000;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.title-logo.fx-grain:before{opacity:.42;mix-blend-mode:soft-light;background-image:radial-gradient(circle,#fff 0 .55px,#0000 .85px),radial-gradient(circle,#000 0 .45px,#0000 .75px),radial-gradient(circle,#fff 0 .4px,#0000 .7px);background-position:0 0,1px 2px,2px 1px;background-size:3px 3px,4px 4px,5px 5px;animation:.28s steps(4,end) infinite fx-grain}.title-logo.fx-grain:after{opacity:.55;mix-blend-mode:overlay;background:linear-gradient(#0000 0%,#ffffff38 48%,#0000 100%) 0 -40%/100% 60%;animation:2.6s linear infinite fx-grain-scan}@keyframes fx-grain{0%{background-position:0 0,1px 2px,2px 1px}25%{background-position:2px -1px,-1px 3px,0 2px}50%{background-position:-1px 2px,3px 0,1px -1px}75%{background-position:1px 1px,-2px -1px,3px 2px}to{background-position:0 0,1px 2px,2px 1px}}@keyframes fx-grain-scan{0%{opacity:.15;background-position:0 -50%}45%{opacity:.6}to{opacity:.2;background-position:0 160%}}@keyframes fx-grain-flicker{0%,to{filter:contrast(1.04)brightness()}32%{filter:contrast(1.14)brightness(1.05)}58%{filter:contrast(.97)brightness(.94)}76%{filter:contrast(1.08)brightness(1.02)}}.title-divider{justify-content:center;align-items:center;gap:var(--space-2);opacity:.85;margin:18px 0 16px;display:flex}.title-divider-line{background:linear-gradient(90deg, transparent, var(--hba-border-soft));width:54px;height:1px}.title-divider-line:last-child{background:linear-gradient(90deg, var(--hba-border-soft), transparent)}.title-divider-dot{background:var(--hba-border);width:6px;height:6px;transform:rotate(45deg);box-shadow:0 0 8px #ffe06699}.title-subtitle{color:var(--hba-text-muted);margin:0 0 34px;font-style:italic;animation:3s ease-in-out infinite subtitle-pulse}@keyframes subtitle-pulse{0%,to{opacity:.7}50%{opacity:1}}.title-ngplus{color:var(--hba-pink);letter-spacing:.14em;text-transform:uppercase;opacity:.75;margin:-24px 0 34px;font-size:.75rem}.title-menu{gap:var(--space-2);flex-direction:column;width:240px;margin:0 auto;display:flex}.title-btn{padding:var(--space-3);letter-spacing:.05em;opacity:0;font-size:1rem;animation:.5s forwards title-btn-in;position:relative;overflow:hidden}.title-btn:first-child{animation-delay:.32s}.title-btn:nth-child(2){animation-delay:.4s}.title-btn:nth-child(3){animation-delay:.48s}.title-btn:nth-child(4){animation-delay:.56s}.title-btn:nth-child(5){animation-delay:.64s}@keyframes title-btn-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.title-btn:before{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffe06629,#0000);transition:transform .55s;position:absolute;inset:0;transform:translate(-120%)}.title-btn:hover:not(:disabled):before{transform:translate(120%)}.title-btn:hover:not(:disabled){box-shadow:0 0 0 1px #ffe06640,0 6px 24px #ff6ea624}.title-footer{color:var(--hba-text-muted);opacity:.6;z-index:2;font-size:.72rem;position:absolute;bottom:14px;right:18px}.charcreate-screen{padding:var(--space-6) 0;background:radial-gradient(circle at 50% 0,#2c2140 0%,#14101c 60%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.charcreate-panel{width:min(520px,92%);padding:var(--space-5) var(--space-6)}.charcreate-panel h2{color:var(--hba-border);margin:0 0 18px;font-size:1.15rem}.charcreate-label{color:var(--hba-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:14px 0 6px;font-size:.8rem;display:block}.charcreate-input{border:2px solid var(--input);width:100%;padding:var(--space-2) var(--space-3);color:var(--hba-text);background:#1c1526;border-radius:8px;font-family:inherit;font-size:1rem}.charcreate-chip-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.charcreate-swatch{cursor:pointer;border:3px solid #0000;border-radius:50%;width:34px;height:34px}.charcreate-swatch.selected{border-color:var(--hba-border)}.charcreate-actions{margin-top:var(--space-5);justify-content:space-between;display:flex}.charcreate-confirm{padding:var(--space-2) var(--space-5);border-color:var(--hba-border);background:#33260f}.cutscene-screen{cursor:pointer;padding:var(--space-6);background:#0c0910;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cutscene-line{text-align:center;max-width:640px;color:var(--hba-text);font-size:1.3rem;line-height:1.6;animation:.5s cutscene-fade}@keyframes cutscene-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cutscene-continue{color:var(--hba-text-muted);font-size:.8rem;animation:1.2s ease-in-out infinite bob;position:absolute;bottom:30px}.extras-list{gap:var(--space-2);flex-direction:column;max-height:340px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.extras-list li{padding:var(--space-2) var(--space-3);background:#1c1526;border-radius:10px;flex-direction:column;display:flex}.extras-list li.unlocked strong{color:var(--hba-border)}.extras-sub{color:var(--hba-text-muted);font-size:.78rem}.extras-list p{margin:4px 0 0;font-size:.8rem}.howtoplay-panel{text-align:left;width:min(560px,92vw)}.howtoplay-section{margin-bottom:var(--space-4)}.howtoplay-section h3{color:var(--hba-border);letter-spacing:.03em;margin:0 0 8px;font-size:.95rem}.howtoplay-section p{color:var(--hba-text-muted);margin:0 0 10px;font-size:.86rem;line-height:1.55}.howtoplay-section strong{color:var(--hba-text)}.howtoplay-list{gap:var(--space-2);flex-direction:column;margin:0 0 10px;padding:0;list-style:none;display:flex}.howtoplay-list li{padding:var(--space-2) var(--space-2);color:var(--hba-text-muted);background:#1c1526;border-radius:8px;font-size:.84rem;line-height:1.5}.howtoplay-list strong{color:var(--hba-text)}.gameover-overlay{z-index:60;background:#06040ad1;justify-content:center;align-items:center;animation:.6s gameover-fade;display:flex;position:absolute;inset:0}@keyframes gameover-fade{0%{opacity:0}to{opacity:1}}.gameover-panel{text-align:center;width:min(480px,90%);padding:var(--space-6)}.gameover-panel h2{color:var(--hba-danger);letter-spacing:.04em;margin:0 0 14px}.gameover-panel h2.fx-glitch{position:relative}.gameover-panel h2.fx-glitch:before,.gameover-panel h2.fx-glitch:after{content:attr(data-text);position:absolute;inset:0}.gameover-panel h2.fx-glitch:before{color:var(--ink-3);clip-path:inset(0 0 55%);animation:2.6s step-end infinite fx-glitch-a}.gameover-panel h2.fx-glitch:after{color:var(--hba-blue);clip-path:inset(45% 0 0);animation:2.6s step-end infinite fx-glitch-b}@keyframes fx-glitch-a{0%,12%,20%,55%,to{opacity:0;transform:translate(0)}13%{opacity:.75;transform:translate(-2px,-1px)}16%{opacity:.75;transform:translate(1.5px,.5px)}48%{opacity:.75;transform:translate(-1.5px,1px)}51%{opacity:.75;transform:translate(1px,-.5px)}}@keyframes fx-glitch-b{0%,14%,22%,60%,to{opacity:0;transform:translate(0)}15%{opacity:.75;transform:translate(2px,1px)}18%{opacity:.75;transform:translate(-1.5px,-.5px)}52%{opacity:.75;transform:translate(1.5px,-1px)}56%{opacity:.75;transform:translate(-1px,.5px)}}.gameover-panel p{color:var(--hba-text-muted);margin-bottom:var(--space-5);line-height:1.6}.gameover-actions{gap:var(--space-3);justify-content:center;display:flex}.ending-overlay{z-index:70;background:#06040ae6;justify-content:center;align-items:center;animation:1s ending-fade;display:flex;position:absolute;inset:0}@keyframes ending-fade{0%{opacity:0}to{opacity:1}}.ending-panel{text-align:center;width:min(560px,90%);max-height:85vh;padding:var(--space-6);overflow-y:auto}.ending-eyebrow{letter-spacing:.18em;color:var(--hba-text-muted);margin:0 0 6px;font-size:.75rem}.ending-panel h1{letter-spacing:.06em;margin:0 0 22px;font-size:1.6rem}.ending-mood-warm .ending-panel h1{color:var(--hba-green)}.ending-mood-neutral .ending-panel h1{color:var(--hba-border)}.ending-mood-cold .ending-panel h1{color:var(--hba-danger)}.ending-mood-strange .ending-panel h1{color:var(--hba-pink)}.ending-panel h1.fx-heartbeat{animation:1.4s ease-in-out infinite fx-heartbeat}@keyframes fx-heartbeat{0%,to{text-shadow:0 0 #0000;transform:scale(1)}14%{text-shadow:0 0 12px color-mix(in srgb, currentColor 65%, transparent);transform:scale(1.06)}28%{transform:scale(1)}42%{text-shadow:0 0 18px color-mix(in srgb, currentColor 80%, transparent);transform:scale(1.08)}70%{text-shadow:0 0 #0000;transform:scale(1)}}.ending-paragraph{color:var(--hba-text-muted);text-align:left;margin:0 0 14px;line-height:1.7}.ending-stats{justify-content:center;gap:var(--space-4);color:var(--hba-text-muted);letter-spacing:.02em;margin:10px 0 26px;font-size:.85rem;display:flex}.ending-actions{gap:var(--space-3);justify-content:center;display:flex}.ending-panel .hba-btn{padding:var(--space-2) var(--space-5)}.debug-panel{width:220px;padding:var(--space-2);z-index:90;background:#0a080ef2;border:2px dashed #ff5d6c;border-radius:8px;font-size:.72rem;position:absolute;top:14px;right:14px}.debug-panel-title{color:#ff8f8f;margin-bottom:var(--space-2);font-weight:700}.debug-panel-grid{gap:var(--space-1);flex-direction:column;display:flex}.debug-panel-grid button{color:#fff6ea;padding:var(--space-1) var(--space-2);cursor:pointer;text-align:left;background:#241b30;border:1px solid #ffe0664d;border-radius:4px;font-size:.72rem}.debug-panel-grid button:hover{border-color:#ffe066}:root{--hba-bg:#14101c;--hba-bg-soft:#1e1729;--hba-panel:#140e1cf0;--hba-panel-solid:#1b1424;--hba-border:#ffe066;--hba-border-soft:#ffe06659;--hba-text:#fff6ea;--hba-text-muted:#c9bcd8;--hba-pink:#ff6ea6;--hba-blue:#5b6ee1;--hba-orange:#ff8f4d;--hba-green:#6fae8f;--hba-danger:#ff5d6c;--hba-font:"Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;--hba-radius:14px;--hba-radius-sm:8px;--ink:var(--hba-text);--ink-2:var(--hba-border);--ink-3:var(--hba-pink);--ring:var(--hba-border);--background:var(--hba-bg);--foreground:var(--hba-text);--card:var(--hba-panel-solid);--popover:var(--hba-panel-solid);--muted-foreground:var(--hba-text-muted);--border:var(--hba-border-soft);--accent:var(--hba-pink);--accent-ink:var(--hba-bg);--input:oklch(52% .04 95)}.hba-root{font-family:var(--hba-font);color:var(--hba-text);background:var(--hba-bg);width:100%;height:100%;position:relative;overflow:hidden}.hba-panel{background:var(--hba-panel);border:2px solid var(--hba-border-soft);border-radius:var(--hba-radius);box-shadow:0 12px 40px #00000080}.hba-btn{background:var(--hba-bg-soft);color:var(--hba-text);border:2px solid var(--hba-border-soft);border-radius:var(--hba-radius-sm);padding:var(--space-2) var(--space-4);cursor:pointer;font-family:inherit;font-size:.95rem;transition:transform .1s,border-color .15s,background .15s}.hba-btn:hover,.hba-btn.selected{border-color:var(--hba-border);background:#2a2038;transform:translate(2px)}.hba-btn:disabled{opacity:.4;cursor:not-allowed}.hba-scanlines{pointer-events:none;mix-blend-mode:overlay;opacity:.5;background:repeating-linear-gradient(#ffffff05 0 1px,#0000 1px 3px);position:absolute;inset:0}