:root{--deepest: #0f2a1f;--dark: #1e3a2a;--mid: #2e5a3e;--light: #7fa97a;--lcd: #cde0c5;--shine: #e7f3d4;--pink: #ff7f7f;--yellow: #ffd166;--blue: #7fc8ff;--ink: #0a2117;--shadow: rgba(6, 18, 13, .45);font-family:Courier New,ui-monospace,SFMono-Regular,Noto Sans Mono CJK JP,monospace;color:var(--ink);background:radial-gradient(circle at 20% 18%,rgba(255,209,102,.13),transparent 24%),linear-gradient(135deg,#e8ecd8,#b9caa7);font-synthesis:none;letter-spacing:0}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}html,body{overflow-x:hidden}button{font:inherit}.page{min-height:100vh;display:grid;place-items:center;padding:10px}.handheld{width:min(430px,calc(100vw - 16px),calc((100vh - 138px)*.62));max-height:98vh;padding:12px 13px 14px;border:4px solid #07150f;border-radius:28px 28px 38px 38px;background:linear-gradient(155deg,rgba(231,243,212,.13),transparent 24%),linear-gradient(145deg,#3b6249,#183725 45%,#0b1c14);box-shadow:0 28px 70px #00000061,inset 0 0 0 5px #e7f3d421,inset 0 -16px 26px #06120d5c}.top-ridge{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;color:var(--lcd);margin-bottom:8px;text-shadow:2px 2px 0 #07150f}.power-dot{width:12px;height:12px;border:2px solid #07150f;border-radius:50%;background:var(--pink);box-shadow:0 0 12px var(--pink)}.brand-mark{min-width:0;font-size:clamp(10px,2.8vw,14px);font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.speaker-strip{display:grid;grid-template-columns:repeat(4,6px);grid-auto-rows:6px;gap:4px}.speaker-strip span{width:6px;height:6px;border-radius:50%;background:#07150f;box-shadow:inset 1px 1px #e7f3d42e}.screen-bezel{padding:10px;border:4px solid #07150f;border-radius:18px;background:linear-gradient(#0b1c14,#203d2b),var(--deepest);box-shadow:inset 0 0 0 4px #7fa97a2e,0 7px #06120d8c}.lcd-screen{position:relative;width:100%;aspect-ratio:9 / 16;overflow:hidden;border:5px solid #07150f;border-radius:12px;background:linear-gradient(135deg,#e7f3d4d6,#cde0c5e6),var(--lcd);box-shadow:inset 0 0 0 4px var(--mid),inset 0 0 35px #0f2a1f47}.lcd-screen:before,.lcd-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50}.lcd-screen:before{background:repeating-linear-gradient(to bottom,rgba(15,42,31,.08) 0 1px,transparent 1px 5px),radial-gradient(circle at 12% 12%,rgba(231,243,212,.28),transparent 20%);mix-blend-mode:multiply}.lcd-screen:after{opacity:.13;background-image:radial-gradient(circle,var(--deepest) 1px,transparent 1px),radial-gradient(circle,var(--deepest) 1px,transparent 1px);background-size:17px 19px,23px 29px;background-position:0 0,8px 11px}.lcd-content,.screen-frame{height:100%}.fade-in{animation:fadeIn .22s ease-out}@keyframes fadeIn{0%{opacity:.55;transform:scale(.992)}to{opacity:1;transform:scale(1)}}.screen-frame{position:relative;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.lcd-status{position:relative;z-index:3;display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:4px;padding:5px;color:var(--lcd);background:var(--deepest);border-bottom:3px solid var(--mid);font-size:clamp(9px,2.4vw,12px);font-weight:900}.lcd-status span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lcd-status button,.ui-button,.system-buttons button,.ab-buttons button,.dpad button{border:3px solid #07150f;color:var(--deepest);background:linear-gradient(var(--shine),#9fc18f);box-shadow:3px 3px #07150f;cursor:pointer;font-weight:900}.lcd-status button{min-height:28px;padding:1px 6px;font-size:inherit}.screen-main{min-height:0;overflow:hidden}.title-screen,.field-screen,.menu-screen,.characters-screen,.profile-screen,.battle-screen,.battle-end-screen,.ending-screen,.style-screen{position:relative;min-height:0;height:100%;padding:8px}.title-screen{display:grid;grid-template-rows:auto auto auto 1fr auto;justify-items:center;align-items:center;gap:8px;text-align:center;background:linear-gradient(45deg,rgba(46,90,62,.16) 25%,transparent 25%) 0 0 / 18px 18px,linear-gradient(45deg,transparent 75%,rgba(46,90,62,.16) 75%) 0 0 / 18px 18px}.title-pattern{position:absolute;top:34px;right:16px;bottom:16px;left:16px;border:3px double rgba(15,42,31,.34);pointer-events:none}.heart-logo{position:relative;z-index:1;width:clamp(44px,15vw,60px);height:clamp(44px,15vw,60px);display:grid;place-items:center;color:var(--pink);background:var(--deepest);border:4px solid var(--light);box-shadow:5px 5px 0 var(--mid);font-size:clamp(26px,9vw,36px);font-weight:900}.title-screen h1{position:relative;z-index:1;margin:0;color:var(--deepest);font-size:clamp(34px,10vw,48px);line-height:.9;text-shadow:3px 3px 0 var(--light),6px 6px 0 var(--mid)}.title-screen h1 span{font-size:.72em}.title-screen p{position:relative;z-index:1;margin:0;padding:7px 9px;color:var(--lcd);background:var(--deepest);border:3px solid var(--mid);font-size:clamp(11px,3vw,14px);font-weight:900}.title-actions{position:relative;z-index:1;display:grid;gap:8px;align-self:stretch;width:100%}.screen-help{position:relative;z-index:1;width:100%;padding:6px;color:var(--deepest);background:#e7f3d4bd;border:3px double var(--mid);font-size:clamp(10px,2.5vw,12px);font-weight:900}.ui-button{min-height:44px;display:flex;align-items:center;gap:7px;padding:8px 10px;text-align:left;font-size:clamp(12px,3.2vw,15px)}.ui-button.compact{min-height:38px;padding:6px 8px;font-size:clamp(11px,2.9vw,13px)}.ui-button.selected,.vertical-menu button.selected{color:var(--shine);background:var(--deepest);border-color:var(--yellow)}.ui-button:disabled,.ui-button[disabled]{opacity:.45;cursor:not-allowed}.blink{animation:blink .82s steps(2,end) infinite}@keyframes blink{50%{filter:brightness(1.35)}}.field-screen{display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:7px}.field-map{position:relative;min-height:0;display:grid;grid-template-columns:repeat(var(--view-w),1fr);grid-template-rows:repeat(var(--view-h),1fr);border:4px double var(--deepest);background:radial-gradient(circle at 18% 58%,rgba(231,243,212,.24),transparent 16%),linear-gradient(180deg,#9ab98c,#7fa97a);box-shadow:inset 0 0 0 4px #0f2a1f2e;overflow:hidden}.field-map.has-map-bg{background:linear-gradient(#cde0c533,#cde0c533),var(--map-bg) center / cover no-repeat,linear-gradient(180deg,#9ab98c,#7fa97a)}.field-map.image-map{display:block;isolation:isolate;background:linear-gradient(#cde0c514,#cde0c514),var(--map-bg, url(/backgrounds/map_station_area.png)) center / cover no-repeat,#7fa97a}.map-image-layer{display:block;position:absolute;left:0;top:0;z-index:0;width:var(--map-w);height:var(--map-h);object-fit:fill;object-position:top left;opacity:1;pointer-events:none;transform:translate(var(--map-offset-x),var(--map-offset-y)) scale(var(--map-scale));transform-origin:top left;will-change:transform}.image-map .map-tile,.image-map .map-tile.walkable,.image-map .map-tile.blocked,.image-map .map-tile.encounterable,.field-map.has-map-bg .map-tile,.field-map.has-map-bg .map-tile.walkable,.field-map.has-map-bg .map-tile.blocked,.field-map.has-map-bg .map-tile.encounterable{background:transparent!important;box-shadow:none}.image-map .map-tile:before,.image-map .map-tile:after,.field-map.has-map-bg .map-tile:before,.field-map.has-map-bg .map-tile:after{opacity:.08}.map-tile{position:relative;display:grid;place-items:center;border-bottom:1px solid rgba(15,42,31,.3);border-right:1px solid rgba(15,42,31,.22);overflow:hidden;box-shadow:inset 0 0 0 1px #e7f3d414}.map-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.32;background:linear-gradient(90deg,rgba(15,42,31,.24) 1px,transparent 1px) 0 0 / 10px 10px,linear-gradient(rgba(15,42,31,.24) 1px,transparent 1px) 0 0 / 10px 10px}.map-tile:after{content:"";position:absolute;top:18%;right:20%;bottom:18%;left:20%;opacity:.42;pointer-events:none}.map-tile.walkable{outline:1px solid rgba(231,243,212,.08)}.map-tile.blocked{box-shadow:inset 0 0 0 2px #0f2a1f29,inset 0 -6px #0f2a1f1a}.map-tile.encounterable:before{background:radial-gradient(circle at 24% 22%,rgba(231,243,212,.2) 0 2px,transparent 3px),linear-gradient(90deg,rgba(15,42,31,.18) 1px,transparent 1px) 0 0 / 10px 10px,linear-gradient(rgba(15,42,31,.18) 1px,transparent 1px) 0 0 / 10px 10px}.map-tile span{position:relative;z-index:2;padding:3px 6px;color:var(--lcd);background:var(--deepest);border:2px solid var(--light);font-size:clamp(10px,2.8vw,13px);font-weight:900}.station{background:linear-gradient(180deg,#0f2a1f 0 11%,transparent 11%),repeating-linear-gradient(90deg,#1e3a2a 0,#1e3a2a 7px,#e7f3d4 7px,#e7f3d4 13px,#2e5a3e 13px,#2e5a3e 19px),linear-gradient(#b7d0a9 0,#b7d0a9 28%,#2e5a3e 28%,#2e5a3e 45%,#7fa97a 45%)}.station:after{top:28%;right:9%;bottom:22%;left:9%;background:linear-gradient(var(--deepest),var(--deepest)) 0 58% / 100% 4px no-repeat,repeating-linear-gradient(90deg,var(--shine) 0 8px,var(--mid) 8px 11px,var(--dark) 11px 14px);border:2px solid rgba(15,42,31,.42);box-shadow:0 5px #0f2a1f38}.shops,.store{background:linear-gradient(180deg,rgba(255,209,102,.42) 0 15%,transparent 15%),repeating-linear-gradient(90deg,rgba(15,42,31,.32) 0 3px,transparent 3px 18px),repeating-linear-gradient(90deg,#b9d0ab 0,#b9d0ab 17px,#668b5b 17px,#668b5b 34px)}.shops:after,.store:after{top:16%;right:10%;bottom:16%;left:10%;border:2px solid rgba(15,42,31,.54);background:repeating-linear-gradient(90deg,var(--pink) 0 6px,var(--shine) 6px 12px,var(--yellow) 12px 18px),linear-gradient(180deg,var(--deepest) 0 16%,transparent 16% 100%),linear-gradient(90deg,var(--shine) 0 26%,transparent 26% 36%,var(--shine) 36% 62%,transparent 62%);box-shadow:3px 3px #0f2a1f33}.store{background:linear-gradient(180deg,rgba(127,200,255,.38) 0 16%,transparent 16%),repeating-linear-gradient(90deg,#d6e5c7 0,#d6e5c7 15px,#5f8661 15px,#5f8661 30px)}.store:after{background:linear-gradient(180deg,var(--blue) 0 19%,var(--deepest) 19% 25%,transparent 25%),linear-gradient(90deg,var(--shine) 0 24%,var(--lcd) 24% 48%,transparent 48% 58%,var(--shine) 58% 84%)}.park{background:radial-gradient(circle at 22% 24%,#2e5a3e 0 17%,transparent 18%),radial-gradient(circle at 78% 72%,#366b49 0 15%,transparent 16%),repeating-linear-gradient(45deg,transparent 0 13px,rgba(15,42,31,.13) 13px 15px),#9fc58d}.park:after{top:24%;right:24%;bottom:24%;left:24%;border:2px solid rgba(15,42,31,.42);border-radius:50%;background:radial-gradient(circle at 45% 42%,rgba(127,200,255,.72) 0 18%,transparent 19%),radial-gradient(circle,#e7f3d4b8 0,#e7f3d4b8 30%,#2e5a3e6b 31%,#2e5a3e6b)}.trees{background:radial-gradient(circle at 34% 42%,#173624 0 26%,transparent 27%),radial-gradient(circle at 70% 40%,#2e5a3e 0 24%,transparent 25%),radial-gradient(circle at 50% 68%,#244a34 0 22%,transparent 23%),#8fb07f}.trees:after{top:58%;right:26%;bottom:12%;left:26%;background:var(--dark);border-left:2px solid var(--deepest);border-right:2px solid var(--deepest)}.road{background:linear-gradient(90deg,rgba(15,42,31,.18) 0 6%,transparent 6% 94%,rgba(15,42,31,.18) 94%),repeating-linear-gradient(0deg,transparent 0 18px,rgba(15,42,31,.18) 18px 20px),#bed1b3}.road:after{top:44%;right:28%;bottom:44%;left:28%;background:repeating-linear-gradient(90deg,rgba(15,42,31,.45) 0 8px,transparent 8px 14px)}.walkway{background:radial-gradient(circle at 40% 35%,rgba(15,42,31,.2) 0 2px,transparent 3px),radial-gradient(circle at 72% 72%,rgba(231,243,212,.34) 0 2px,transparent 3px),repeating-linear-gradient(90deg,transparent 0 15px,rgba(15,42,31,.09) 15px 17px),#abc69d}.library,.home{background:linear-gradient(180deg,rgba(15,42,31,.2) 0 14%,transparent 14%),repeating-linear-gradient(45deg,#94ae82 0,#94ae82 14px,#5e8055 14px,#5e8055 28px)}.home:after{top:14%;right:10%;bottom:18%;left:10%;background:linear-gradient(135deg,transparent 0 48%,var(--deepest) 48% 52%,transparent 52%),linear-gradient(45deg,transparent 0 48%,var(--deepest) 48% 52%,transparent 52%),linear-gradient(180deg,#cde0c5 0,#cde0c5 48%,#2e5a3e 48%);border:2px solid rgba(15,42,31,.5)}.arcade{background:radial-gradient(circle at 20% 20%,rgba(255,127,127,.34) 0 7%,transparent 8%),linear-gradient(45deg,#2e5a3e 0,#2e5a3e 24%,#7fc8ff 24%,#7fc8ff 30%,#406a61 30%,#406a61 55%,#ffd166 55%,#ffd166 62%,#2e5a3e 62%)}.arcade:after{top:22%;right:10%;bottom:22%;left:10%;border:2px solid var(--deepest);background:radial-gradient(circle at 32% 55%,var(--blue) 0 16%,transparent 17%),radial-gradient(circle at 68% 55%,var(--pink) 0 16%,transparent 17%),var(--dark)}.river{background:repeating-radial-gradient(ellipse at 35% 35%,rgba(231,243,212,.42) 0 2px,transparent 3px 10px),repeating-linear-gradient(0deg,#7fc8ff 0,#7fc8ff 8px,#5f9fc7 8px,#5f9fc7 16px)}.bridge{background:linear-gradient(90deg,var(--deepest) 0 12%,transparent 12% 88%,var(--deepest) 88%),repeating-linear-gradient(0deg,#9a7b52 0,#9a7b52 5px,#d6a66a 5px,#d6a66a 10px)}.bridge:after{top:0;right:23%;bottom:0;left:23%;background:repeating-linear-gradient(90deg,rgba(15,42,31,.45) 0 3px,transparent 3px 9px)}.area-badge{position:absolute;z-index:7;padding:4px 7px;color:var(--lcd);background:var(--deepest);border:3px solid var(--light);box-shadow:3px 3px #06120d5c;font-size:clamp(10px,2.7vw,13px);font-weight:900}.station-badge{top:9px;left:9px}.shops-badge{top:30%;right:8px}.park-badge{left:10px;top:53%}.store-badge{right:9px;bottom:48px}.world-object{position:absolute;left:calc((var(--vx) + .5) * (100% / var(--view-w)));top:calc((var(--vy) + .5) * (100% / var(--view-h)));z-index:5;pointer-events:none;transform:translate(-50%,-50%)}.image-map .world-object{left:var(--obj-screen-x);top:var(--obj-screen-y);z-index:6;transform:translate(-50%,-50%) scale(var(--map-scale))}.world-object.train{width:100px;height:18px;border:3px solid var(--deepest);background:repeating-linear-gradient(90deg,var(--deepest) 0 9px,var(--shine) 9px 18px),var(--light);box-shadow:3px 3px #0f2a1f4d}.world-object.fountain{width:28px;height:28px;border:4px double var(--deepest);border-radius:50%;background:radial-gradient(circle,var(--blue) 0 42%,var(--shine) 43% 56%,var(--mid) 57%)}.world-object.vending{width:18px;height:32px;border:3px solid var(--deepest);background:linear-gradient(var(--pink) 0 16%,transparent 16%),linear-gradient(90deg,var(--shine) 0 38%,var(--mid) 38%)}.world-object.awning{width:46px;height:24px;border:3px solid var(--deepest);background:repeating-linear-gradient(90deg,var(--pink) 0 8px,var(--shine) 8px 16px),var(--shine)}.world-object.arcade-sign{width:38px;height:30px;border:3px solid var(--deepest);background:linear-gradient(90deg,var(--blue) 0 18%,transparent 18% 28%,var(--yellow) 28% 46%,transparent 46% 56%,var(--pink) 56% 74%,transparent 74%),var(--dark);box-shadow:0 0 0 3px #7fc8ff2e}.world-object.house-roof{width:46px;height:34px;border:3px solid var(--deepest);background:linear-gradient(135deg,transparent 0 48%,var(--deepest) 48% 52%,transparent 52%),linear-gradient(45deg,transparent 0 48%,var(--deepest) 48% 52%,transparent 52%),linear-gradient(180deg,#d6a66a 0 45%,var(--shine) 45%)}.world-object.npc-dot{width:20px;height:24px;border:3px solid var(--deepest);background:linear-gradient(var(--deepest) 0 30%,var(--yellow) 30% 43%,var(--mid) 43%);box-shadow:2px 2px #0f2a1f6b;image-rendering:pixelated}.world-object.npc-dot.alt{background:linear-gradient(var(--deepest) 0 30%,var(--blue) 30% 43%,var(--mid) 43%)}.world-object.event-heart{width:20px;height:20px;background:var(--pink);clip-path:polygon(50% 95%,5% 48%,5% 18%,24% 5%,50% 22%,76% 5%,95% 18%,95% 48%);animation:blink .9s steps(2,end) infinite}.player-sprite{position:absolute;left:calc((var(--vx) + .5) * (100% / var(--view-w)));top:calc((var(--vy) + .5) * (100% / var(--view-h)));z-index:8;width:32px;height:32px;background-image:url(/characters/player-spritesheet.png);background-repeat:no-repeat;background-size:96px 128px;background-position:calc(var(--frame) * -32px) calc(var(--dir) * -32px);image-rendering:pixelated;filter:drop-shadow(2px 2px 0 rgba(15,42,31,.5));transform:translate(-50%,-50%)}.image-map .map-player-sprite{left:var(--player-screen-x);top:var(--player-screen-y);z-index:8;transform:translate(-50%,-50%) scale(var(--player-scale));transform-origin:center bottom}.player-sprite.walking{animation:stepBob .18s steps(2,end)}.image-map .map-player-sprite.walking{animation:imageMapStepBob .18s steps(2,end)}@keyframes stepBob{50%{transform:translate(-50%,-55%)}}@keyframes imageMapStepBob{50%{transform:translate(-50%,-57%) scale(var(--player-scale))}}.field-message{min-height:58px}.field-hint{padding:5px 7px;color:var(--lcd);background:var(--deepest);border:3px solid var(--mid);font-size:clamp(9px,2.4vw,11px);font-weight:900;text-align:center}.encounter-screen{height:100%;display:grid;grid-template-rows:1fr 1fr;gap:8px;padding:8px}.encounter-mini-map{position:relative;display:grid;place-items:center;overflow:hidden;border:4px double var(--deepest);background:linear-gradient(90deg,rgba(15,42,31,.18) 1px,transparent 1px) 0 0 / 18px 18px,linear-gradient(rgba(15,42,31,.18) 1px,transparent 1px) 0 0 / 18px 18px,var(--light)}.encounter-player{width:32px;height:32px;margin-right:58px;background-image:url(/characters/player-spritesheet.png);background-repeat:no-repeat;background-size:96px 128px;background-position:-32px 0;image-rendering:pixelated;filter:drop-shadow(2px 2px 0 rgba(15,42,31,.45))}.encounter-mark{position:absolute;top:22%;left:58%;display:grid;place-items:center;width:32px;height:32px;color:var(--deepest);background:var(--shine);border:3px solid var(--deepest);font-size:22px;font-weight:900}.encounter-card-name{position:absolute;left:55%;top:53%;padding:4px 8px;color:var(--deepest);background:color-mix(in srgb,var(--theme) 26%,var(--shine));border:3px solid var(--deepest);font-weight:900}.encounter-burst{display:grid;place-items:center;align-content:center;gap:10px;text-align:center;color:var(--deepest);border:4px double var(--deepest);background:repeating-conic-gradient(from 0deg,var(--shine) 0 9deg,var(--light) 9deg 18deg);animation:encounterFlash .22s steps(2,end) infinite}.encounter-burst .pixel-icon{width:42px;height:42px}.encounter-burst strong{padding:6px 12px;color:var(--lcd);background:var(--deepest);border:3px solid var(--light);font-size:clamp(22px,7vw,34px)}.encounter-burst p{margin:0;padding:6px 8px;background:#e7f3d4d1;border:3px solid var(--deepest);font-weight:900}@keyframes encounterFlash{50%{filter:brightness(1.18)}}.menu-screen{display:grid;grid-template-rows:auto 1fr auto;gap:7px}.screen-title{margin:0;padding:5px 8px;color:var(--lcd);background:var(--deepest);border:3px solid var(--light);box-shadow:3px 3px 0 var(--shadow);font-size:clamp(17px,4.8vw,22px);line-height:1}.vertical-menu{display:grid;gap:4px;padding:7px;color:var(--lcd);background:var(--mid);border:4px double var(--deepest);box-shadow:4px 4px 0 var(--shadow)}.menu-layout{min-height:0;display:grid;grid-template-columns:minmax(112px,.88fr) minmax(0,1.25fr);gap:7px}.menu-status-stack{min-height:0;display:grid;grid-template-rows:auto 1fr;gap:7px}.vertical-menu button{display:flex;gap:6px;align-items:center;min-height:32px;border:0;color:inherit;background:transparent;text-align:left;font-size:clamp(12px,3.3vw,14px);font-weight:900;cursor:pointer}.tiny-cursor{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid currentColor;opacity:0}.selected .tiny-cursor{opacity:1}.window,.message-window{background:#e7f3d4d6;border:4px double var(--deepest);box-shadow:4px 4px 0 var(--shadow)}.window{padding:8px}.window h3{margin:0 0 5px;font-size:clamp(13px,3.5vw,16px)}.window p{margin:3px 0;font-size:clamp(11px,2.9vw,13px);font-weight:900}.player-window{display:grid;grid-template-columns:56px 1fr;gap:8px;align-items:start}.player-portrait{width:56px;height:64px;display:grid;place-items:center;border:3px solid var(--deepest);background:linear-gradient(135deg,#7fa97a99,#e7f3d4bd),var(--lcd);overflow:hidden}.player-portrait span{width:32px;height:32px;background-image:url(/characters/player-spritesheet.png);background-repeat:no-repeat;background-size:96px 128px;background-position:-32px 0;image-rendering:pixelated;transform:scale(1.55)}.seg-meter{height:12px;padding:2px;border:2px solid var(--deepest);background:var(--light)}.seg-meter span{display:block;width:var(--fill);height:100%;background:repeating-linear-gradient(90deg,var(--blue) 0 12px,var(--deepest) 12px 14px)}.seg-meter.yellow span{background:repeating-linear-gradient(90deg,var(--yellow) 0 12px,var(--deepest) 12px 14px)}.girl-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.girl-icon{display:grid;justify-items:center;gap:3px;min-width:0;font-size:clamp(9px,2.5vw,11px);font-weight:900}.girl-icon i{display:grid;place-items:center;width:22px;height:22px;border:3px solid var(--deepest);background:linear-gradient(135deg,var(--theme),rgba(231,243,212,.8)),var(--theme);box-shadow:2px 2px 0 var(--shadow);color:var(--deepest);font-style:normal;font-weight:900}.menu-message{min-height:46px}.characters-screen{display:grid;grid-template-rows:auto 1fr;gap:7px}.character-list{min-height:0;display:grid;gap:7px;overflow:auto;padding-right:3px}.character-card{display:grid;grid-template-columns:94px 1fr;gap:8px;min-height:158px;padding:7px;background:#e7f3d4d1;border:4px double var(--deepest);box-shadow:4px 4px 0 var(--shadow)}.selected-card{background:linear-gradient(90deg,color-mix(in srgb,var(--theme) 28%,transparent),#e7f3d4db);border-color:var(--theme)}.character-card-info{min-width:0;display:grid;gap:4px;align-content:start}.character-card-info h3{margin:0;font-size:clamp(15px,4vw,18px)}.character-card-info p,.character-card-info small{margin:0;font-size:clamp(10px,2.8vw,12px);font-weight:900}.character-art{position:relative;min-height:0;margin:0;display:grid;place-items:end center;overflow:hidden;background:linear-gradient(180deg,#e7f3d4db,#7fa97a6b),var(--lcd);border:4px double var(--deepest);box-shadow:inset 0 0 0 4px color-mix(in srgb,var(--theme) 38%,transparent)}.character-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.45;background:linear-gradient(90deg,color-mix(in srgb,var(--theme) 26%,transparent) 0 18%,transparent 18% 100%),repeating-linear-gradient(0deg,transparent 0 12px,rgba(15,42,31,.08) 12px 13px)}.character-art.thumb{min-height:138px}.character-art.profile{min-height:310px}.character-art.battle{min-height:0;height:100%}.character-art.guide{min-height:106px}.character-img{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain;object-position:bottom center;opacity:0;filter:drop-shadow(0 7px 0 rgba(15,42,31,.22))}.character-sprite{transform-origin:bottom center;object-fit:contain;object-position:bottom center;will-change:transform,opacity,filter}.image-loaded .character-img{opacity:1}.image-missing .character-img{display:none}.no-image-card{position:absolute;top:8px;right:8px;bottom:8px;left:8px;z-index:3;display:none;place-items:center;align-content:center;gap:5px;padding:8px;color:var(--deepest);text-align:center;background:linear-gradient(135deg,color-mix(in srgb,var(--theme) 24%,rgba(231,243,212,.92)),#e7f3d4eb);border:3px solid var(--theme)}.image-missing .no-image-card{display:grid}.no-image-card b{padding:3px 7px;color:var(--lcd);background:var(--deepest);border:2px solid var(--theme);font-size:clamp(12px,3vw,16px)}.no-image-card strong{font-size:clamp(16px,4vw,20px)}.no-image-card span,.no-image-card small,.no-image-card em{font-size:clamp(9px,2.4vw,11px);font-style:normal;font-weight:900}.profile-screen{display:grid;grid-template-rows:1fr auto;gap:6px}.profile-scroll{min-height:0;display:grid;gap:7px;overflow:auto;padding-right:3px}.profile-details{border-color:var(--theme)}.profile-details h2{margin:0;color:var(--deepest);font-size:clamp(20px,5vw,25px)}.tagline{display:inline-block;padding:3px 6px;color:var(--lcd);background:var(--deepest);border-left:6px solid var(--theme)}.detail-row{margin:6px 0;display:grid;gap:2px}.detail-row dt,.expression-slots b{color:var(--mid);font-size:clamp(10px,2.6vw,12px);font-weight:900}.detail-row dd{margin:0;font-size:clamp(11px,2.9vw,13px);font-weight:900;line-height:1.45}.expression-slots{display:grid;gap:3px;margin-top:7px}.expression-slots span{padding:3px 5px;background:#7fa97a47;border:2px solid rgba(15,42,31,.35);font-size:clamp(9px,2.3vw,11px);font-weight:900}.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.battle-screen{display:grid;grid-template-rows:auto minmax(210px,1fr) auto auto;gap:5px;background:linear-gradient(125deg,rgba(127,169,122,.42) 0 32%,transparent 32%),radial-gradient(circle at 82% 18%,rgba(255,127,127,.18),transparent 22%)}.battle-head{display:flex;justify-content:space-between;gap:8px}.place-label,.turn-label{padding:5px 9px;color:var(--lcd);background:var(--deepest);border:3px solid var(--light);box-shadow:3px 3px 0 var(--shadow);font-size:clamp(12px,3.2vw,14px);font-weight:900}.battle-stage{position:relative;min-height:0;display:grid;overflow:hidden;border:4px double var(--deepest);background:linear-gradient(180deg,#e7f3d4c2,#7fa97a75),var(--lcd);box-shadow:4px 4px 0 var(--shadow);min-height:210px}.battle-scenery{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.82;background:linear-gradient(180deg,#cde0c514,#0f2a1f29),var(--battle-bg) center / cover no-repeat,linear-gradient(90deg,transparent 0 10%,rgba(15,42,31,.32) 10% 12%,transparent 12% 22%,rgba(15,42,31,.28) 22% 24%,transparent 24%),linear-gradient(180deg,transparent 0 54%,rgba(15,42,31,.28) 54% 57%,transparent 57%),repeating-linear-gradient(90deg,rgba(15,42,31,.24) 0 18px,transparent 18px 40px),linear-gradient(180deg,var(--shine) 0 34%,#abc89d 34% 72%,#7fa97a 72%)}.battle-stage .character-art{position:relative;z-index:2;border:0;box-shadow:none;background:transparent;transform-origin:bottom center;will-change:transform,opacity,filter;animation:characterIdle 4.2s ease-in-out infinite}.battle-stage .character-img{width:112%;height:112%;object-fit:contain;object-position:bottom center;opacity:1}.battle-stage .character-art:before{opacity:.18}.battle-stage .character-art.character-enter{animation:characterEnter .62s cubic-bezier(.2,.85,.28,1) both,characterIdle 4.2s ease-in-out .62s infinite}.battle-stage .character-sprite.character-react-good{animation:reactGood .52s cubic-bezier(.2,.85,.28,1) both}.battle-stage .character-sprite.character-react-bad{animation:reactBad .52s ease-in-out both}.battle-stage .character-sprite.character-react-normal{animation:reactNormal .42s ease-out both}.battle-stage .character-art.character-glow:after{content:"";position:absolute;top:6%;right:14%;bottom:0;left:14%;z-index:1;border-radius:42% 42% 18% 18%;opacity:0;pointer-events:none;background:radial-gradient(circle at 42% 28%,rgba(255,209,102,.5),transparent 22%),radial-gradient(circle at 58% 42%,rgba(255,127,127,.38),transparent 18%),radial-gradient(circle at 50% 66%,rgba(231,243,212,.42),transparent 34%);filter:blur(3px);animation:affectionGlow .56s ease-out both}.battle-stage .character-art.character-glow .character-sprite{filter:brightness(1.13) drop-shadow(0 0 10px color-mix(in srgb,var(--theme) 64%,var(--shine))) drop-shadow(0 7px 0 rgba(15,42,31,.22))}.battle-stage .character-art.character-glow .no-image-card:before,.battle-stage .character-art.character-glow .no-image-card:after{content:"♥";position:absolute;z-index:4;color:var(--pink);text-shadow:2px 2px 0 var(--deepest);opacity:0;font-size:16px;animation:heartParticle .62s ease-out both}.battle-stage .character-art.character-glow .no-image-card:before{left:18%;top:38%}.battle-stage .character-art.character-glow .no-image-card:after{right:16%;top:30%;animation-delay:90ms}@keyframes characterIdle{0%,to{transform:translateY(0) rotate(-.45deg)}35%{transform:translateY(-3px) rotate(.55deg)}70%{transform:translateY(2px) rotate(-.2deg)}}@keyframes characterEnter{0%{opacity:0;transform:translate(18px,24px) scale(.98);filter:brightness(.92)}to{opacity:1;transform:translate(0) scale(1);filter:brightness(1)}}@keyframes reactGood{0%{transform:translateY(0) scale(1);filter:brightness(1)}42%{transform:translateY(-8px) scale(1.045);filter:brightness(1.18) drop-shadow(0 0 12px rgba(255,209,102,.7))}to{transform:translateY(0) scale(1);filter:brightness(1)}}@keyframes reactBad{0%{transform:translate(0) scale(1);filter:brightness(1)}25%{transform:translate(-3px,5px) rotate(-1.2deg) scale(.985);filter:brightness(.88) saturate(.85)}50%{transform:translate(3px,4px) rotate(1.1deg) scale(.985)}75%{transform:translate(-2px,3px) rotate(-.7deg) scale(.992)}to{transform:translate(0) rotate(0) scale(1);filter:brightness(1)}}@keyframes reactNormal{0%{transform:scale(1)}45%{transform:translateY(-2px) scale(1.022)}to{transform:scale(1)}}@keyframes affectionGlow{0%{opacity:0;transform:scale(.92)}35%{opacity:.92}to{opacity:0;transform:scale(1.08)}}@keyframes heartParticle{0%{opacity:0;transform:translateY(10px) scale(.72)}25%{opacity:1}to{opacity:0;transform:translateY(-24px) scale(1.1)}}.heart-meter{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;padding:6px;background:#e7f3d4d6;border:4px double var(--deepest);box-shadow:4px 4px 0 var(--shadow);font-size:clamp(11px,2.8vw,13px);font-weight:900}.heart-segments{display:grid;grid-template-columns:repeat(10,1fr);gap:2px}.heart-segments i{height:12px;border:2px solid var(--deepest);background:var(--light)}.heart-segments i.filled{background:var(--pink)}.message-window{min-height:62px;padding:8px;line-height:1.45;font-size:clamp(12px,3.2vw,14px);font-weight:900}.battle-screen .message-window{min-height:88px;max-height:108px;overflow:auto}.command-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.command-menu .ui-button:last-child{grid-column:auto}.battle-screen .command-menu .ui-button.compact{min-height:30px;padding:3px 5px;gap:3px;justify-content:center;text-align:center;font-size:clamp(9px,2.45vw,11px)}.battle-screen .command-menu .pixel-icon{width:12px;height:12px;flex-basis:12px}.battle-actions{display:grid;gap:5px}.battle-end-screen{display:grid;grid-template-rows:1fr auto;gap:8px;background:radial-gradient(circle at 50% 32%,color-mix(in srgb,var(--theme) 30%,transparent),transparent 32%),repeating-linear-gradient(45deg,rgba(46,90,62,.16) 0 8px,transparent 8px 18px)}.battle-end-card{align-self:center;display:grid;justify-items:center;gap:9px;padding:18px 12px;background:#e7f3d4e0;border:5px double var(--deepest);box-shadow:5px 5px 0 var(--shadow);text-align:center}.battle-end-card .pixel-icon{width:42px;height:42px}.battle-end-label{margin:0;padding:4px 8px;color:var(--lcd);background:var(--deepest);border:3px solid var(--theme);font-size:clamp(11px,3vw,13px);font-weight:900}.battle-end-card h2{margin:0;color:var(--deepest);font-size:clamp(28px,8vw,38px);text-shadow:3px 3px 0 color-mix(in srgb,var(--theme) 50%,var(--light))}.battle-end-card p{margin:0;font-size:clamp(12px,3.2vw,14px);font-weight:900;line-height:1.5}.battle-end-help{min-height:48px;text-align:center}.ending-screen{display:flex;flex-direction:column;gap:5px;overflow:hidden;background:radial-gradient(circle at 18% 16%,color-mix(in srgb,var(--theme) 46%,transparent),transparent 24%),radial-gradient(circle at 82% 22%,rgba(255,209,102,.38),transparent 22%),radial-gradient(circle at 50% 70%,rgba(255,127,127,.24),transparent 35%),repeating-linear-gradient(45deg,rgba(231,243,212,.14) 0 8px,transparent 8px 18px),linear-gradient(180deg,#e7f3d4,#cde0c5 46%,#9fc28e)}.ending-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.72;background:radial-gradient(circle at 14% 28%,var(--pink) 0 3px,transparent 4px),radial-gradient(circle at 72% 16%,var(--yellow) 0 3px,transparent 4px),radial-gradient(circle at 86% 44%,var(--blue) 0 3px,transparent 4px),radial-gradient(circle at 28% 82%,var(--theme) 0 3px,transparent 4px),radial-gradient(circle at 56% 8%,var(--pink) 0 2px,transparent 3px);animation:endingSparkle 1.2s steps(2,end) infinite}.ending-header,.ending-visual,.ending-text,.ending-actions{position:relative;z-index:1}.ending-header{display:grid;justify-items:center;flex:0 0 auto;gap:1px;padding:4px 6px;color:var(--deepest);text-align:center;background:#e7f3d4c2;border:3px double var(--deepest);box-shadow:3px 3px #0f2a1f29}.ending-header span{padding:1px 6px;color:var(--lcd);background:var(--deepest);border:2px solid var(--theme);font-size:clamp(8px,2.2vw,10px);font-weight:900}.ending-header h2{margin:0;color:var(--deepest);font-size:clamp(18px,5.2vw,25px);line-height:.9;text-shadow:2px 2px 0 color-mix(in srgb,var(--theme) 58%,var(--yellow)),4px 4px 0 rgba(15,42,31,.16)}.ending-header p{margin:0;font-size:clamp(8px,2.25vw,10px);font-weight:900}.ending-visual{flex:1 1 auto;min-height:0;min-height:245px;margin:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.5),transparent 26%),linear-gradient(180deg,color-mix(in srgb,var(--theme) 22%,var(--shine)),#cde0c5e6);border:4px double var(--deepest);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--theme) 42%,transparent),3px 3px #0f2a1f2e}.ending-visual:before{content:"";position:absolute;top:9%;right:9%;bottom:9%;left:9%;border-radius:50%;background:color-mix(in srgb,var(--theme) 24%,transparent);filter:blur(7px)}.ending-img{position:relative;z-index:1;width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center center;filter:drop-shadow(0 5px 0 rgba(15,42,31,.22))}.ending-text{flex:0 0 auto;min-height:0;max-height:clamp(118px,24vh,160px);overflow-y:auto;padding:6px 7px;background:#e7f3d4eb;box-shadow:inset 0 0 0 3px #0f2a1f14,4px 4px #0f2a1f2e}.ending-text h3{margin:0 0 4px;padding-bottom:3px;color:var(--deepest);border-bottom:2px solid color-mix(in srgb,var(--theme) 64%,var(--mid));font-size:clamp(10px,2.8vw,13px)}.ending-text p{margin:0 0 .55em;color:var(--deepest);font-size:clamp(9px,2.35vw,11px);font-weight:800;line-height:1.48}.ending-actions{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5px}.ending-actions .ui-button.compact{min-height:31px;padding:4px 5px;font-size:clamp(9px,2.35vw,11px)}@keyframes endingSparkle{50%{opacity:.38;transform:translateY(2px)}}.style-screen{display:grid;grid-template-rows:auto 1fr auto;gap:6px}.style-stack{min-height:0;display:grid;gap:5px;overflow:hidden}.palette{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.palette div{display:grid;gap:2px;min-width:0;font-size:clamp(8px,2.2vw,10px);font-weight:900}.palette i{display:block;height:16px;border:2px solid var(--deepest)}.button-samples,.style-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.components-window{display:grid;gap:5px}.icon-row{display:flex;gap:8px;align-items:center}.font-window p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pixel-icon{display:inline-block;width:16px;height:16px;flex:0 0 16px;image-rendering:pixelated}.pixel-icon.heart{background:linear-gradient(90deg,transparent 0 12%,var(--pink) 12% 38%,transparent 38% 62%,var(--pink) 62% 88%,transparent 88%),linear-gradient(transparent 0 18%,var(--pink) 18% 76%,transparent 76%);clip-path:polygon(50% 95%,5% 48%,5% 18%,24% 5%,50% 22%,76% 5%,95% 18%,95% 48%)}.pixel-icon.chat{background:linear-gradient(var(--deepest),var(--deepest)) 2px 3px / 12px 8px no-repeat,linear-gradient(45deg,transparent 0 50%,var(--deepest) 50%) 5px 10px / 6px 6px no-repeat}.pixel-icon.star{background:var(--yellow);clip-path:polygon(50% 0,62% 34%,98% 34%,68% 54%,80% 92%,50% 68%,20% 92%,32% 54%,2% 34%,38% 34%)}.pixel-icon.note{background:linear-gradient(var(--blue),var(--blue)) 4px 2px / 9px 3px no-repeat,linear-gradient(var(--blue),var(--blue)) 10px 2px / 3px 11px no-repeat,radial-gradient(circle,var(--blue) 0 55%,transparent 56%) 4px 9px / 8px 8px no-repeat}.control-deck{display:grid;grid-template-columns:112px 1fr 120px;align-items:center;gap:8px;padding-top:12px}.dpad{position:relative;display:grid;grid-template-columns:repeat(3,36px);grid-template-rows:repeat(3,34px)}.dpad button{min-width:36px;min-height:34px;background:#13241b}.dpad button:before{content:"";display:block;margin:auto;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:11px solid var(--lcd)}.dpad-up{grid-column:2;grid-row:1}.dpad-left{grid-column:1;grid-row:2}.dpad-left:before{transform:rotate(-90deg)}.dpad-right{grid-column:3;grid-row:2}.dpad-right:before{transform:rotate(90deg)}.dpad-down{grid-column:2;grid-row:3}.dpad-down:before{transform:rotate(180deg)}.dpad-center{grid-column:2;grid-row:2;background:#13241b;border:3px solid #07150f}.system-buttons{display:grid;justify-items:center;gap:7px}.system-buttons button{min-width:62px;min-height:30px;border-radius:999px;font-size:clamp(9px,2.3vw,11px);transform:rotate(-8deg)}.ab-buttons{display:grid;grid-template-columns:1fr 1fr;justify-items:end;align-items:center;gap:8px}.ab-buttons button{width:52px;height:52px;border-radius:50%;color:var(--lcd);background:linear-gradient(#ff9b9b,#b94552);font-size:18px}.ab-buttons .button-b{margin-top:16px;background:linear-gradient(#91d1ff,#37749d)}button:active{transform:translate(2px,2px);box-shadow:1px 1px #07150f}.system-buttons button:active{transform:rotate(-8deg) translate(2px,2px)}@media (max-width: 430px){.page{padding:4px;align-items:start}.handheld{width:min(100vw,calc((100vh - 126px)*.62));padding:8px;border-radius:22px 22px 32px 32px}.screen-bezel{padding:7px;border-radius:14px}.lcd-screen{border-width:4px}.control-deck{grid-template-columns:106px 1fr 108px;gap:5px;padding-top:8px}.dpad{grid-template-columns:repeat(3,34px);grid-template-rows:repeat(3,32px)}.dpad button{min-width:34px;min-height:32px}.system-buttons button{min-width:54px;min-height:28px}.ab-buttons button{width:48px;height:48px}}@media (max-height: 740px){.handheld{width:min(390px,calc(100vw - 12px),calc((100vh - 116px)*.58))}.top-ridge{margin-bottom:5px}.screen-bezel{padding:7px}.control-deck{padding-top:8px}.ui-button{min-height:38px}.ui-button.compact{min-height:32px}}.battle-screen{background-image:linear-gradient(#060a1226,#060a1261),var(--battle-bg)!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}html,body,#app,.game-shell,.game-screen,.field-screen,.battle-screen,.dpad,.controls,.control-pad,button{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html,body{overscroll-behavior:none;overflow:hidden}.dpad,.controls,.control-pad,.dpad button,.controls button,.control-pad button{touch-action:none}.girl-profile img,.profile-card img,.character-profile img,.character-card img,.girl-card img,.girl-portrait img,.battle-girl img,.battle-profile img,.character-portrait img{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;object-position:center bottom!important;display:block!important;margin-left:auto!important;margin-right:auto!important}.girl-portrait,.battle-girl,.battle-profile,.character-portrait{display:flex!important;align-items:flex-end!important;justify-content:center!important;overflow:hidden!important}