/* Chainbound 0.8 — illustrated fantasy visual shell */
:root{--cb-gold:#e9c17e;--cb-ink:#101a2c;--cb-edge:#927045}
body{background:radial-gradient(ellipse at 50% 0%,#273b54 0,#111b2c 45%,#090f1b 100%);color:#f6e9d4}
.wrap{max-width:1160px;padding:16px 18px}
header{padding:9px 17px;background:linear-gradient(105deg,#1c293e,#111827);border:2px solid #8a6d44;border-radius:14px;box-shadow:0 8px 24px #0005,inset 0 0 0 1px #e8cc8855}
h1{font-family:Georgia,'Malgun Gothic',serif;letter-spacing:.055em;text-shadow:0 2px 8px #000;margin:3px 0;color:#f7dba4}
h1 small{font-family:system-ui,'Malgun Gothic',sans-serif;letter-spacing:normal;font-size:.51em}
header .muted{color:#d6c7b3;font-size:13px}
.wallet{background:linear-gradient(135deg,#101829,#26344a);border:1px solid #91724e;color:#ffe3ad;border-radius:9px;box-shadow:inset 0 0 0 1px #e1c28e33}
nav{background:#141e30;border:1px solid #52627a;padding:7px;border-radius:13px;margin:11px 0;gap:6px}
nav button{background:linear-gradient(180deg,#263650,#192438);border-color:#556377;color:#f7ead2;border-radius:8px;min-height:42px;box-shadow:inset 0 1px 0 #ffffff19}
nav button:hover:not(:disabled){background:linear-gradient(#4a5261,#303950);border-color:#d4a968}
nav button.active{background:linear-gradient(180deg,#aa7736,#624321);color:#fff1d1;border-color:#edc27c;box-shadow:0 0 0 1px #4a3119,inset 0 1px 0 #ffe49d77}
#visual-world{border:2px solid #a78154;border-radius:12px;background:#121d2f;box-shadow:0 0 0 2px #0f1726,0 18px 40px #0008;overflow:hidden}
#visual-world canvas{image-rendering:auto;border:0;border-radius:0;outline:none;display:block;width:100%}
#visual-world .world-toolbar{background:linear-gradient(90deg,#27374d,#151f31);border-bottom:1px solid #8d6d44}
#visual-world .world-toolbar .world-tip{color:#f5dfb7}
#visual-world .world-footer{background:#111b2c;border-top:1px solid #725739;color:#e5d1b4}
#visual-world .world-footer strong{color:#f4c77c}
#room-scene{border-color:#96764e}
.panel{background:linear-gradient(150deg,#263449,#182236);border-color:#70604e}
.tile{background:linear-gradient(150deg,#374255,#222d41);border-color:#77705f}
.tile h3{color:#f0d5a3}
button{transition:background .15s,border-color .15s,transform .15s}
button.primary{background:linear-gradient(#a77837,#755023);border-color:#e7bd74}
@media(max-width:600px){.wrap{padding:8px}header{padding:10px}h1{font-size:21px}nav button{font-size:12px;padding:9px;min-height:36px}}

#room-scene canvas{image-rendering:auto}#room-scene .scene-bar,#room-scene .scene-hint{background:linear-gradient(90deg,#1d293b,#111b2a);color:#efddbd}#room-scene .scene-hint{border-top:1px solid #7c6145}
