:root{--bg:#171b19;--panel:#222724;--panel-2:#292e2b;--line:#59605c;--line-dark:#0b0d0c;--steel:#bcc3c1;--text:#e5e9e7;--muted:#9ca5a1;--accent:#416fff;--accent-rgb:65,111,255;--danger:#bc3636;--success:#55aa71}body[data-race=b]{--accent:#e5b632;--accent-rgb:229,182,50}body[data-race=c]{--accent:#7b57d1;--accent-rgb:123,87,209}*{box-sizing:border-box;margin:0;padding:0}html{background:#0b0e0d}body{font-family:Tahoma,Verdana,sans-serif;color:var(--text);min-height:100vh;padding:6px;background:radial-gradient(circle at 50% 5%,rgba(var(--accent-rgb),.12),transparent 26%),repeating-linear-gradient(90deg,#111513 0,#111513 2px,#131715 2px,#131715 4px);font-size:12px}.game-container{position:relative;width:100%;max-width:480px;min-height:calc(100vh - 12px);margin:auto;padding:31px 5px 8px;background:linear-gradient(90deg,#1a1f1c,#292e2b 48%,#1b201d);border:1px solid #777e7a;box-shadow:inset 0 0 0 1px #0a0c0b,0 0 24px #000;overflow:hidden}.game-title{position:absolute;z-index:2;left:4px;right:4px;top:3px;height:24px;padding:4px 38px;text-align:center;font:700 12px/15px Tahoma;color:#f2f5f4;letter-spacing:.4px;text-transform:uppercase;background:linear-gradient(#555c58 0,#151917 42%,#090b0a 52%,#343a36 100%);border:1px solid #8b928e;box-shadow:inset 0 1px #d6dbd8,inset 0 -1px #050605;text-shadow:0 1px #000}.game-title:before,.game-title:after{content:"";position:absolute;top:3px;width:25px;height:14px;border:1px solid #aab1ae;border-radius:50%;background:radial-gradient(circle,#cbdfff 0 10%,var(--accent) 22%,#12246d 55%,#05070c 67%);box-shadow:0 0 4px var(--accent)}.game-title:before{left:5px}.game-title:after{right:5px}.game-title small{display:none}.game-header,.location-card,.player-stats,.monster-grid,.form-group,.msg,.turn-form{position:relative}.game-header{display:flex;justify-content:space-between;align-items:center;min-height:45px;padding:7px 8px;background:linear-gradient(135deg,#282e2a,#1a1e1c);border:1px solid var(--line);box-shadow:inset 0 0 0 1px var(--line-dark)}.player-name{font-size:14px;color:#fff;text-shadow:0 1px #000}.player-race{margin-top:3px;font-size:9px;color:var(--muted);text-transform:uppercase}.gold{align-self:flex-end;color:#e5e8e6;font-size:10px}.player-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:3px;margin-top:4px;background:#111513;border:1px solid var(--line)}.stat-item{min-height:43px;padding:7px 2px;text-align:center;background:linear-gradient(145deg,#303632,#1b201d);border:1px solid #414843;box-shadow:inset 0 0 8px #090b0a}.stat-item .value{font-size:13px;color:#fff}.stat-item .label{font-size:8px;color:var(--muted);text-transform:uppercase;margin-top:3px}.location-card{margin-top:5px;padding:8px 9px;background:#202522;border:1px solid var(--line);box-shadow:inset 0 0 0 1px #101311}.location-name{font-size:12px;text-align:center;color:#eef1ef;border-bottom:1px solid #4c534f;padding-bottom:5px}.location-desc{padding-top:6px;font-size:10px;line-height:1.4;color:var(--muted)}.monster-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;margin-top:5px;padding:3px;background:#121513;border:1px solid var(--line)}.monster-card{min-height:91px;padding:6px 4px;text-align:center;background:linear-gradient(145deg,#303632,#1a1f1c);border:1px solid #626965;box-shadow:inset 0 0 0 1px #111}.level-badge{display:inline-block;padding:1px 6px;font-size:8px;color:#dce7ff;background:rgba(var(--accent-rgb),.2);border:1px solid rgba(var(--accent-rgb),.65)}.monster-card .name{margin:5px 0 3px;font-size:11px;color:#fff}.monster-card .hp{font-size:9px;color:#e47777}.monster-card .stats{display:flex;justify-content:center;gap:8px;margin:4px 0;font-size:9px;color:#c8cfcc}.attack-btn,.btn{cursor:pointer;color:#eef5ff;border:1px solid #77827d;background:linear-gradient(#3d4641,#171b19);box-shadow:inset 0 0 0 1px #101311;text-shadow:0 1px #000}.attack-btn{width:100%;padding:5px;font-size:9px}.btn{width:100%;padding:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.attack-btn:hover,.btn:hover{border-color:var(--accent);box-shadow:inset 0 0 8px rgba(var(--accent-rgb),.3),0 0 4px rgba(var(--accent-rgb),.4)}.turn-form{margin-top:5px;padding-top:5px;border-top:1px solid #777}.form-group{margin-bottom:4px;padding:5px 6px;background:#222724;border:1px solid #4c534f}.form-group label{display:block;margin-bottom:4px;color:#cbd1ce;font-size:9px;text-transform:uppercase}.form-group input,.form-group select{width:100%;height:32px;padding:5px 7px;color:#fff;font-size:12px;outline:0;background:#111513;border:1px solid #68706b;border-radius:0}.form-group input:focus,.form-group select:focus{border-color:var(--accent);box-shadow:0 0 4px rgba(var(--accent-rgb),.5)}.msg{margin-bottom:5px;padding:7px 8px;border:1px solid #747c77;background:#202522;font-size:10px}.msg-success{color:#9fe0b1;border-color:#437953}.msg-error{color:#efa0a0;border-color:#8c4040}.msg-info{color:#cbd8ff;border-color:var(--accent)}@media(min-width:481px){body{padding:18px}.game-container{min-height:auto;padding:35px 8px 10px}.game-title{height:27px;padding-top:5px}.monster-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:330px){body{padding:2px}.game-container{min-height:calc(100vh - 4px)}.player-name{font-size:12px}.monster-card{min-height:84px}.form-group{padding:4px}}