/* Kinko Bay: deep indigo, volcanic stone, morning gold. */
:root{--ink:#163c4a;--navy:#102d3b;--gold:#e9bd67;--paper:#f4f4e9;--line:#d3ddd5;color:var(--ink);background:#0c2431}body{background:radial-gradient(ellipse at 50% 0,#27515f,#0c2431 80%)}main{background:linear-gradient(130deg,#fbfaf0,#eef3ed);box-shadow:0 0 70px #04131e40;padding-left:18px;padding-right:18px}header{height:66px;border-bottom:1px solid #244a5912;margin-bottom:14px}header a{color:#244e5a;letter-spacing:-.5px}button{border-radius:14px;transition:background .15s,transform .15s;min-height:52px}button:active:not(:disabled){transform:translateY(1px)}.primary{background:linear-gradient(160deg,#f4d795,#e7b55a);box-shadow:inset 0 1px #fff5cf,0 3px 0 #bf9345;color:#243d42;border:1px solid #dfb56a}.secondary{background:linear-gradient(140deg,#24576a,#153e50);border:1px solid #457585;box-shadow:inset 0 1px #ffffff18}.choice{background:#fffcf5;border:1px solid #d4ddd4;box-shadow:0 3px 8px #244a5910}.card,.gear-slot{background:#fffdf7;border:1px solid #d9dfd4;box-shadow:0 5px 18px #204b5710}.eyebrow{color:#60818a;font-weight:650;letter-spacing:2.5px}h1{font-weight:800;letter-spacing:-1.3px}.feedback{background:#e6eee6;border:1px solid #d3dfd2}.rpg-bar{background:linear-gradient(125deg,#173d4d,#28566a);box-shadow:inset 0 1px #ffffff25;border:1px solid #345e6f;border-radius:13px}.rpg-bar .coins{color:#edcf8d}.pill{background:#e8eddf;color:#52716d}.game.scene.pov.sakurajima-scene{height:clamp(320px,49svh,430px);margin:10px -4px 15px;border-radius:19px;border:1px solid #b9cfc5;box-shadow:0 12px 25px #102e4033;isolation:isolate}.sakurajima-scene .world{width:100%;height:100%}.sakurajima-scene .scene-message{top:auto;bottom:37px;left:12px;right:12px;background:#143c4cdb;color:#fff8df;border:1px solid #c0d3ce66;box-shadow:0 5px 18px #051c2933;padding:10px 12px;border-radius:10px;text-shadow:0 1px 2px #173545;font-size:13px;letter-spacing:.2px}.scene-topline{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;gap:8px;color:#284f5d;font-size:9px;font-weight:800;letter-spacing:1px}.scene-topline>span{background:#f4f4e2d9;padding:6px 9px;border:1px solid #fff8;border-radius:5px}.sakurajima-scene .sea-label{bottom:10px;left:15px;right:auto;color:#edf3df;background:none;font-size:9px;letter-spacing:1px}.sakurajima-scene .float-ripples{stroke:#f7f4cd;opacity:.8}.sakurajima-scene .pov-float{filter:drop-shadow(0 1px 1px #153c55)}.sakurajima-scene .bay-glints{animation:bay-light 5s ease-in-out infinite}.sakurajima-scene .bay-fish{animation:bay-swim 11s ease-in-out infinite}.sakurajima-scene .right-hand,.sakurajima-scene .left-hand{filter:drop-shadow(0 2px 3px #091d3855)}.steps{margin:10px 0 6px;gap:4px;font-size:11px;letter-spacing:.2px}.steps span{flex:1;text-align:center;padding:7px 3px;border:1px solid #d1ddd3}.steps .active{background:#234f60;border-color:#234f60;color:#fff3d4}#app[data-view=game] #gameText p{font-size:12px;line-height:1.65}#app[data-view=game] #controls{background:#f0f3eefa;padding:8px 2px 12px;gap:8px;border-top:1px solid #cedbcf}#app[data-view=game] #controls button{font-size:13px;padding:12px 8px}#app[data-view=game] .fight-stats{background:#e6ede4;border:1px solid #d0ddd0;border-radius:12px;padding:9px 12px}#app[data-view=game] .fight-stats b{font-variant-numeric:tabular-nums;font-size:19px}.tension-meter{height:10px}.safe-zone{background:#88b49f}.meter-labels{font-size:9px}.theme-deep.sakurajima-scene image{filter:saturate(.65) brightness(.75)}.theme-warm.sakurajima-scene image{filter:saturate(1.12)}.theme-cold.sakurajima-scene image{filter:saturate(.65)}@keyframes bay-light{50%{opacity:.18;transform:translate(3px,1px)}}@keyframes bay-swim{50%{transform:translate(21px,-7px);opacity:.12}}@media(max-width:360px){main{padding-left:14px;padding-right:14px}.game.scene.pov.sakurajima-scene{height:clamp(290px,45svh,370px)}header a{font-size:13px}}@media(prefers-reduced-motion:reduce){.sakurajima-scene *{animation:none!important}}
.audio-panel{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;color:#526974;padding:6px 4px 12px}.audio-panel input{width:98px;min-height:44px;accent-color:#8c6b32}.audio-panel span{margin-left:auto}.audio-panel label{font-size:11px}.joystick{position:relative;width:140px;height:140px;flex:none;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:50%;background:radial-gradient(circle,#a8bdb5 0,#d8e2d7 58%,#edf1e5 61%,#a9beb5 63%,#eff2e6 66%);box-shadow:inset 0 2px 8px #183c4b20,0 5px 12px #173b4b15;outline-offset:3px}.stick-ring{position:absolute;inset:24px;border:1px solid #60817b40;border-radius:50%}.stick-knob{position:absolute;left:45px;top:45px;width:50px;height:50px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#597c80,#244957 75%);box-shadow:0 5px 8px #17374655,inset 0 1px 2px #fff8;border:2px solid #aabdb4;pointer-events:none;will-change:transform}.stick-label{position:absolute;bottom:7px;width:100%;text-align:center;font-size:9px;color:#4d696c;pointer-events:none}.walk-controls{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 5px max(12px,env(safe-area-inset-bottom));position:sticky;bottom:0;background:linear-gradient(#edf2e9ec,#f3f4e9);z-index:3;border-radius:20px}.walk-controls #interact{min-width:0;flex:1;min-height:78px;touch-action:manipulation}.walking-frame{border:1px solid #c4d5cd;box-shadow:0 12px 24px #1b3e5026;border-radius:20px;background:#16495e;overflow:hidden}.adventure-cover{height:280px;position:relative;border-radius:24px;overflow:hidden;box-shadow:0 16px 30px #193d5124}.harbor-hero{width:100%;height:100%;object-fit:cover;object-position:center 30%}.cover-title{background:linear-gradient(transparent,#103b4de6);padding:55px 20px 18px;color:#fff6d9;font-size:23px;bottom:0;left:0;width:100%;box-sizing:border-box}.cover-title span{font-size:12px}.catalog-card,.plate-card{background:radial-gradient(ellipse at 50% 35%,#fffef4,#e4ebe2 72%);border:1px solid #d1dbcf;box-shadow:0 7px 18px #1d455512}.catalog-card svg,.plate-card svg{filter:drop-shadow(0 8px 5px #21435520)}.plate-card{position:relative;padding:12px;border-radius:24px}.catalog-card b{color:#244c5b}.town-nav button{background:linear-gradient(130deg,#fcfcf2,#e8eee1);border-color:#d0dcd0}.town-nav button span{color:#60756e}.walk-head h2{font-size:20px}.sakurajima-scene .gear{filter:drop-shadow(1px 3px 2px #05233366)}@media(max-width:350px){.joystick{width:124px;height:124px}.stick-knob{left:37px;top:37px}.walk-controls{gap:12px}.audio-panel{gap:5px}.audio-panel span{font-size:10px}.audio-panel input{width:85px}}
.safety-picture{padding:24px;border-radius:22px;text-align:center;font-size:48px;letter-spacing:8px;background:linear-gradient(#cce6e6,#e8eed9);margin:16px 0}.audio-panel #audioRetry{font-size:11px;min-height:44px}.audio-panel #music-status{flex-basis:100%;text-align:right;min-height:18px}