:root{color-scheme:dark;--navy:#121a2e;--cream:#fff2cb;--gold:#e6ca7f;--ink:#21283d;--accent:#89dec5}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;font-family:ui-monospace,SFMono-Regular,"Hiragino Kaku Gothic ProN","Noto Sans JP",monospace;background:#111b2d;color:#f6eccc}body{background:radial-gradient(ellipse at 50% -15%,#43566a 0%,#1b2940 43%,#101929 100%);overscroll-behavior:none}.app{max-width:800px;margin:0 auto;padding:19px 17px 20px}.mast{display:flex;justify-content:space-between;align-items:center;margin:0 5px 14px;gap:8px}.brand{display:flex;align-items:center;gap:11px;color:#f6e8be;font-size:16px;letter-spacing:3px;font-weight:900}.brand small{display:block;font-size:10px;letter-spacing:3px;color:#a7c9c1;margin-top:2px}.spark{font-size:29px;color:#f1cd7e;text-shadow:0 0 17px #eaa35e}.top-actions{display:flex;align-items:center;gap:6px}.version{border:1px solid #657782;color:#b0c4c6;border-radius:5px;font-size:9px;padding:7px}.small-icon{font:700 11px ui-monospace,monospace;background:#34445b;color:#fff0ca;border:1px solid #8ea6a5;border-radius:5px;padding:7px 10px;cursor:pointer}.console{background:linear-gradient(140deg,#80969b,#617b86 48%,#4a6574);border:3px solid #c5c9ad;box-shadow:0 20px 45px #0007,inset 0 2px 1px #f5f5d05c,inset 0 -5px 0 #273f57;border-radius:15px 15px 24px 24px;padding:11px 12px 13px}.led-row,.bottom-strip{display:flex;align-items:center;justify-content:space-between;color:#f2e9cc;font-size:9px;letter-spacing:1px;margin:0 5px 10px;gap:8px}.power-dot{width:7px;height:7px;background:#fb8381;box-shadow:0 0 9px #f64c5e;border-radius:50%}.led-row>span:nth-child(2){margin-right:auto}.stars{color:#f5dfa6;font-size:12px}.display{position:relative;width:100%;aspect-ratio:400/272;overflow:hidden;border:5px solid #202e45;border-radius:6px;background:#223047;box-shadow:0 0 0 2px #b7b59b,inset 0 3px 10px #0008;isolation:isolate}.display canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.overlay,.fx{position:absolute;inset:0;pointer-events:none}.overlay>*,.fx>*{pointer-events:auto}.bottom-strip{margin:12px 4px 1px;color:#d4e2cc;font-size:8px}.bottom-strip span:first-child{color:#e9ead0}.control-area{display:flex;align-items:center;justify-content:space-between;padding:23px 32px 10px;min-height:155px;user-select:none;touch-action:none}.dpad{position:relative;width:142px;height:142px;flex:none}.dir{position:absolute;background:#3c4d63;border:1px solid #a5b2b4;color:#fff5cc;font-size:21px;font-weight:900;box-shadow:inset 0 2px #718696,0 4px 0 #141e30;cursor:pointer}.dir:active,.dir.pressed{transform:translateY(3px);box-shadow:inset 0 2px #718696,0 1px 0 #141e30;background:#647f89}.dir.up{top:0;left:48px;width:47px;height:48px;border-radius:8px 8px 1px 1px}.dir.down{bottom:0;left:48px;width:47px;height:48px;border-radius:1px 1px 8px 8px}.dir.left{left:0;top:48px;height:47px;width:49px;border-radius:8px 1px 1px 8px}.dir.right{right:0;top:48px;height:47px;width:49px;border-radius:1px 8px 8px 1px}.dpad-center{position:absolute;left:48px;top:48px;width:47px;height:47px;display:grid;place-items:center;background:#3c4d63;font-size:13px;color:#788c9b}.action-mid{display:flex;flex-direction:column;align-items:center;gap:6px;color:#b3c5c5;font-size:9px}.menu-button{border-radius:20px;background:#425365;color:#e7e6cb;border:1px solid #91a4a7;padding:8px 15px;transform:rotate(-12deg);box-shadow:0 3px 0 #1f3040;font-weight:800;letter-spacing:1px;cursor:pointer}.ab-controls{display:flex;align-items:center;gap:18px;padding:0 8px;transform:rotate(-11deg)}.ab-btn{background:linear-gradient(145deg,#b9697c,#8c445e);border-radius:50%;width:74px;height:74px;border:2px solid #edacb1;box-shadow:0 5px 0 #572c42,inset 0 4px 3px #ffd1d16b;color:#fff2df;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer}.ab-btn.a{background:linear-gradient(145deg,#e3a85f,#a76f44);border-color:#f9d59a;box-shadow:0 5px 0 #71432e,inset 0 4px 3px #ffe9bb77}.ab-btn:active,.ab-btn.pressed{transform:translateY(4px);box-shadow:0 1px 0 #382438}.ab-btn strong{font-size:22px}.ab-btn small{font-size:8px;letter-spacing:0}.instructions{display:flex;gap:9px 18px;justify-content:center;flex-wrap:wrap;font-size:10px;color:#b5c8ca;margin:9px 0 20px}.instructions b{color:#e1d8aa}.site-foot{text-align:center;color:#e3dcbd;font-size:11px;letter-spacing:1px;border-top:1px solid #3c4b5a;padding:20px 0}.site-foot span{display:block;margin-top:8px;font-size:9px;color:#819a9f}.panel{position:absolute;color:#292e3c;background:#fff1c9;border:3px solid #2b3046;outline:2px solid #f9dd94;box-shadow:0 5px 0 #263448aa,0 8px 25px #0006;padding:10px;font-size:12px;line-height:1.62;image-rendering:pixelated}.pixel-button{border:2px solid #363e55;background:#f5d88a;color:#302c40;box-shadow:inset 2px 2px #fff0c0,3px 3px 0 #252e42;font:900 12px ui-monospace,SFMono-Regular,"Hiragino Kaku Gothic ProN","Noto Sans JP",monospace;padding:7px 11px;cursor:pointer;letter-spacing:.2px}.pixel-button:active{transform:translate(2px,2px);box-shadow:inset 2px 2px #fff0c0,1px 1px 0 #252e42}.pixel-button.secondary{background:#ebead5}.pixel-button.green{background:#a1dcba}.pixel-button.rose{background:#f4b5a4}.pixel-button:disabled{opacity:.45;filter:grayscale(1);cursor:default}.dialog{left:4%;bottom:5%;width:92%;min-height:29%;padding:10px 13px}.speaker{font-weight:900;color:#3b5f77;letter-spacing:2px;margin-bottom:3px}.dialog-text{font-weight:700;white-space:pre-wrap;font-size:12px}.continue{position:absolute;right:13px;bottom:4px;font-size:10px;animation:blink 1s infinite}.splash{inset:0;position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;background:linear-gradient(#101c36aa,#1e2d4350 49%,#111d39be)}.splash .topline{font-size:10px;color:#fff6dc;letter-spacing:5px;text-shadow:2px 2px #263c58}.splash h1{font-size:clamp(25px,7vw,48px);line-height:1.15;margin:8px 0 3px;color:#fff0b8;text-shadow:3px 3px #5c4b71,-1px -1px #fff,0 5px #394961;letter-spacing:3px}.splash .ribbon{margin-bottom:18px;font-size:10px;color:#dbffdf;letter-spacing:3px}.splash .buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.splash .edition{position:absolute;bottom:9px;color:#f6e6bb;font-size:9px;letter-spacing:2px}.modal-cover{position:absolute;inset:0;background:#101a2ec9;display:flex;align-items:center;justify-content:center;padding:8px}.modal{position:relative;background:#fff1c8;border:4px solid #28354b;outline:2px solid #e1c47c;box-shadow:0 8px 0 #0005;min-width:min(92%,310px);max-width:96%;max-height:94%;overflow:auto;padding:12px;color:#273147;font-size:12px}.modal h2{font-size:16px;color:#384d63;margin:0 0 7px;border-bottom:2px dashed #cab584;padding:0 0 6px}.modal p{font-size:11px;line-height:1.55;margin:5px 0 10px}.select-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pick-card{background:#e8dfbb;border:2px solid #737663;text-align:center;padding:6px 3px;cursor:pointer;font:inherit;color:#263449;display:flex;flex-direction:column;align-items:center;gap:4px}.pick-card:hover,.pick-card:focus{background:#cce9bb}.pick-card img{width:64px;height:64px;image-rendering:pixelated}.pick-card b{font-size:12px}.pick-card small{font-size:9px}.mini-monster{width:43px;height:43px;image-rendering:pixelated}.list-items{display:flex;flex-direction:column;gap:6px;max-height:155px;overflow-y:auto;padding:2px}.unit{display:flex;align-items:center;gap:8px;background:#e4e2c4;border:2px solid #a7a586;padding:4px 6px;text-align:left;color:#293246;min-width:0}.unit>div{flex:1;min-width:0}.unit small{display:block;color:#65707c;font-size:10px}.unit b{font-size:11px}.unit .hpbar{height:5px;background:#c4a89e;margin-top:3px}.unit .hpbar i{display:block;background:#66ac79;height:100%}.unit.selected{background:#c8eab3;border-color:#668b67}.menu-toolbar{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}.status{font-size:9px;color:#687587;margin-top:7px}.hud{position:absolute;left:3%;top:3%;background:#fff2cbe8;border:2px solid #2d4054;padding:4px 7px;color:#28354b;font-weight:900;font-size:9px;letter-spacing:.5px;box-shadow:2px 2px 0 #202f3b}.hud .quest{display:block;font-weight:600;color:#50697a;font-size:8px}.toast{position:absolute;left:50%;bottom:5%;transform:translateX(-50%);width:max-content;max-width:90%;text-align:center;background:#fff0c9;color:#39475d;border:2px solid #304257;padding:7px 12px;box-shadow:2px 3px #203248;font-size:11px;font-weight:900;animation:up .3s}.battle-hud{position:absolute;inset:0;pointer-events:none}.battle-hud>*{pointer-events:auto}.enemy-tag{position:absolute;top:6%;right:5%;min-width:36%;border:2px solid #273b53;background:#fff1cbdc;color:#29344f;padding:4px 7px;font-size:10px;font-weight:900}.enemy-tag .hp-track{margin-top:3px;background:#b2a19a;height:6px;border:1px solid #5a5e61}.enemy-tag .hp-track>i{display:block;height:100%;background:#8ab671}.battle-bottom{position:absolute;bottom:2%;left:2%;width:96%;display:grid;grid-template-columns:55% 1fr;gap:5px}.battle-party{background:#f6edc9;border:2px solid #2a3b51;padding:5px;color:#29364a;font-size:10px}.battle-party .row-m{display:flex;align-items:center;justify-content:space-between;gap:3px;line-height:1.2;margin:3px 0}.battle-party .row-m b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:85px}.battle-party em{font-style:normal;color:#5b6871;font-size:9px}.battle-commands{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px}.battle-commands .pixel-button{font-size:10px;padding:4px 2px;min-width:0}.banner{position:absolute;top:8%;left:50%;transform:translateX(-50%);width:78%;background:#fff0c8;color:#29394c;border:2px solid #303c52;padding:8px;text-align:center;font-size:11px;box-shadow:2px 3px #0006}.battle-message{position:absolute;bottom:3%;left:3%;width:94%;min-height:31%;background:#fff0c9;border:3px solid #283c55;color:#293748;font-size:12px;font-weight:800;padding:10px 11px;white-space:pre-wrap;display:flex;justify-content:space-between;align-items:end;gap:7px}.battle-message .pixel-button{white-space:nowrap}.ending-card{position:absolute;inset:0;background:linear-gradient(#101f3cdd,#293e4ac4);display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;padding:17px;color:#fff3c6}.ending-card h2{font-size:23px;margin:9px 0;text-shadow:3px 3px #4e547e}.ending-card p{font-size:11px;line-height:1.8;margin:5px 0 16px;color:#f2e8d0}.ending-card .pixel-button{margin-top:5px}.quest-mark{position:absolute;color:#fff1b2;font-size:20px;text-shadow:2px 2px #182c42;animation:bob 1.15s infinite}@keyframes bob{50%{transform:translateY(-5px)}}@keyframes blink{50%{opacity:.1}}@keyframes up{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:570px){.app{padding:9px 7px 20px}.mast{margin:2px 3px 9px}.brand{font-size:12px;gap:5px;letter-spacing:1px}.brand small{letter-spacing:1px;font-size:9px}.spark{font-size:22px}.version{display:none}.console{padding:8px 7px 9px;border-radius:13px 13px 21px 21px}.display{border-width:4px}.led-row{font-size:7px}.bottom-strip{font-size:7px;margin-top:8px}.bottom-strip span:last-child{display:none}.control-area{padding:16px 9px 9px;gap:5px;min-height:143px}.dpad{width:120px;height:120px}.dir.up,.dir.down{left:40px;width:40px;height:41px}.dir.down{bottom:0}.dir.left,.dir.right{top:40px;height:41px;width:41px}.dpad-center{left:40px;top:40px;width:40px;height:41px}.action-mid{gap:6px}.menu-button{padding:7px 9px;font-size:10px}.ab-controls{gap:9px;padding:0 2px}.ab-btn{width:59px;height:59px}.ab-btn strong{font-size:18px}.ab-btn small{font-size:7px}.instructions{margin:9px 3px 16px;font-size:9px;gap:5px 9px}.dialog{padding:6px 8px;min-height:34%}.dialog-text{font-size:10px}.speaker{font-size:10px}.modal{padding:8px}.modal h2{font-size:13px}.pixel-button{font-size:11px;padding:5px 7px}.enemy-tag{font-size:8px}.battle-party{font-size:8px}.battle-commands .pixel-button{font-size:9px}.battle-message{font-size:10px;padding:6px}.splash h1{font-size:clamp(28px,8vw,40px)}.site-foot{font-size:9px}}
@media(max-width:360px){.ab-btn{width:51px;height:51px}.control-area{padding-left:4px;padding-right:3px}.dpad{width:110px;height:110px}.dir.up,.dir.down{left:37px;width:37px;height:37px}.dir.left,.dir.right{top:37px;width:37px;height:37px}.dpad-center{left:37px;top:37px;width:37px;height:37px}}

/* v1.1: touch-safe controls, clearer type and focus feedback */
.dpad,.dir,.ab-btn,.menu-button{touch-action:none;-webkit-user-select:none;user-select:none}
.dir:focus-visible,.ab-btn:focus-visible,.menu-button:focus-visible,.pixel-button:focus-visible{outline:3px solid #fce4a4;outline-offset:3px}
.hud{font-size:11px;max-width:65%;line-height:1.35}
.hud .quest{font-size:9px;margin-top:2px}
.display{background:#243e49}
@media(max-width:570px){.hud{font-size:10px;line-height:1.4}.hud .quest{font-size:9px}.battle-commands .pixel-button{font-size:10px;line-height:1.15}.battle-party{font-size:9px}}