@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&family=IM+Fell+DW+Pica:ital@0;1&family=IM+Fell+English:ital@0;1&family=IM+Fell+Great+Primer:ital@0;1&family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap";:root{--paper-bg:#f5eedc;--paper-bg-dark:#ebdcb9;--ink-color:#2b221a;--ink-red:#8f3232;--ink-green:#3a6851;--ink-gold:#c2883c;--border-style:3px double var(--ink-color);--font-serif:"EB Garamond", "IM Fell English", Georgia, serif;--font-title:"Cinzel", "IM Fell Great Primer", serif;--font-mono:ui-monospace, SFMono-Regular, Monaco, Consolas, monospace;font-family:var(--font-serif);background-color:var(--paper-bg);color:var(--ink-color);box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 30% 20%,#ebdcb966 0%,#0000 60%),radial-gradient(circle at 80% 70%,#ebdcb980 0%,#0000 50%);margin:0;padding:0}body{background-color:#e3d5b8;height:100svh;margin:0;padding:0;overflow:hidden}#root{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;display:flex}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0000000d}::-webkit-scrollbar-thumb{background:var(--ink-color);border-radius:2px}button{cursor:pointer;color:var(--ink-color);border:1px solid var(--ink-color);font-family:var(--font-serif);background:0 0;border-radius:4px;padding:6px 12px;font-size:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}button:active{opacity:.8;transform:scale(.96)}.safe-padding-top{padding-top:calc(env(safe-area-inset-top,20px) + 8px)!important}.safe-padding-bottom{padding-bottom:calc(env(safe-area-inset-bottom,20px) + 8px)!important}.app-wrapper{background-color:var(--paper-bg);box-sizing:border-box;border-left:1px solid #2b221a26;border-right:1px solid #2b221a26;flex-direction:column;justify-content:space-between;width:100%;max-width:480px;height:100svh;padding:12px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #2b221a40}.app-wrapper:before{content:"";background-image:radial-gradient(var(--paper-bg-dark) 1px, transparent 1px);opacity:.15;pointer-events:none;z-index:1;background-size:24px 24px;position:absolute;inset:0}.screen-overlay{background-color:var(--paper-bg);z-index:100;box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.title-ornament{color:var(--ink-red);letter-spacing:2px;margin-bottom:8px;font-size:14px}.game-title{font-family:var(--font-title);letter-spacing:2px;border-bottom:2px double var(--ink-color);text-transform:uppercase;margin:0 0 16px;padding-bottom:8px;font-size:40px;font-weight:900;line-height:1.1}.game-subtitle{color:#6d5b4e;margin-bottom:32px;font-size:18px;font-style:italic}.rules-card{border:1px dashed var(--ink-color);text-align:left;background:#00000005;border-radius:8px;max-width:320px;margin-bottom:40px;padding:16px}.rules-card h3{font-family:var(--font-title);margin:0 0 8px;font-size:16px}.rules-card ul{margin:0;padding-left:20px;font-size:14px;line-height:1.6}.btn-large{font-family:var(--font-title);border:2px solid var(--ink-color);background-color:#0000;border-radius:6px;padding:12px 32px;font-size:20px;font-weight:700;box-shadow:0 4px 10px #00000014}.btn-large:hover{background-color:#2b221a0d}.btn-large.critical{color:var(--ink-red);border-color:var(--ink-red)}.floor-banner{text-align:center;z-index:2;margin-bottom:4px;position:relative}.floor-text{font-family:var(--font-title);margin:0;padding:0 20px;font-size:24px;font-weight:700;display:inline-block;position:relative}.floor-text:before,.floor-text:after{content:"❖";color:var(--ink-red);font-size:12px;position:absolute;top:50%;transform:translateY(-50%)}.floor-text:before{left:0}.floor-text:after{right:0}.status-bar{border:2px double var(--ink-color);z-index:2;background-color:#ebdcb94d;border-radius:6px;justify-content:space-around;margin-bottom:12px;padding:8px;font-size:15px;font-weight:600;display:flex}.status-item{align-items:center;gap:4px;display:flex}.hp-indicator.low{color:var(--ink-red);font-weight:800;animation:.5s infinite shake}.board-section{aspect-ratio:1;z-index:2;justify-content:center;align-items:center;width:100%;margin-bottom:12px;display:flex}.dungeon-grid{border:3px double var(--ink-color);background-color:#f5eedc99;border-radius:8px;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr);width:100%;height:100%;display:grid;overflow:hidden;box-shadow:inset 0 0 15px #2b221a26}.grid-cell{cursor:pointer;box-sizing:border-box;border:1px solid #2b221a26;justify-content:center;align-items:center;display:flex;position:relative}.grid-cell.wall-cell{cursor:not-allowed;background-color:#dfd2b5;background-image:repeating-linear-gradient(45deg,#2b221a1a 0 2px,#0000 2px 8px),repeating-linear-gradient(-45deg,#2b221a1a 0 2px,#0000 2px 8px)}.grid-cell.stairs-cell:before{content:"⤓";color:var(--ink-green);opacity:.8;font-size:28px;font-weight:900}.entity-symbol{font-family:var(--font-title);-webkit-user-select:none;user-select:none;z-index:5;font-size:30px;font-weight:900;transition:transform .1s ease-out}.entity-symbol.player{color:var(--ink-color);text-shadow:0 2px 4px #00000026;animation:2s infinite alternate breathe}.entity-symbol.goblin{color:#555;filter:sepia(.3)}.entity-symbol.archer{color:#4a5c6e}.entity-symbol.wizard{color:var(--ink-red)}.entity-symbol.dragon{color:var(--ink-red);text-shadow:0 4px 8px #8f32324d;font-size:44px;animation:3s ease-in-out infinite alternate dragon-float}@keyframes dragon-float{0%{transform:translateY(0)scale(1)}to{transform:translateY(-4px)scale(1.05)}}.entity-symbol.potion{color:var(--ink-red);animation:2.5s ease-in-out infinite alternate float}.entity-symbol.scroll{color:var(--ink-green);font-size:24px}.entity-symbol.gold{color:var(--ink-gold);font-size:24px}.mini-hp-bar{z-index:10;background-color:#00000026;border-radius:1px;width:80%;height:3px;position:absolute;bottom:4px;left:10%;overflow:hidden}.mini-hp-fill{background-color:var(--ink-red);height:100%}.inventory-section{z-index:2;width:100%;margin-bottom:8px}.section-label{font-family:var(--font-title);text-transform:uppercase;color:#6d5b4e;text-align:left;border-bottom:1px dashed #2b221a4d;margin-bottom:6px;padding-bottom:2px;font-size:12px}.scrolls-row{box-sizing:border-box;gap:8px;width:100%;padding-bottom:4px;display:flex;overflow-x:auto}.scroll-card{border:1px solid var(--ink-color);text-align:left;cursor:pointer;box-sizing:border-box;background:#f5eedccc;border-radius:6px;flex:0 0 100px;padding:6px;transition:all .2s;box-shadow:0 2px 5px #0000000d}.scroll-card:hover{background:#2b221a08}.scroll-card.selected{border-color:var(--ink-red);background-color:#8f32320d;transform:translateY(-2px);box-shadow:0 4px 10px #8f323226}.scroll-name{font-family:var(--font-title);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:11px;font-weight:700;overflow:hidden}.scroll-desc{color:#6d5b4e;height:24px;margin-bottom:4px;font-size:8px;line-height:1.2;overflow:hidden}.scroll-footer{border-top:1px dashed #0000001a;justify-content:space-between;padding-top:2px;font-size:9px;font-weight:700;display:flex}.scroll-charges{color:var(--ink-red)}.controls-section{z-index:2;justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;display:flex}.dir-pad{grid-template-rows:repeat(3,48px);grid-template-columns:repeat(3,48px);gap:6px;display:grid}.pad-btn{border:1px solid var(--ink-color);font-family:var(--font-title);background:#f5eedc80;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:22px;font-weight:700;display:flex}.pad-btn.empty{pointer-events:none;background:0 0;border:none}.pad-btn.wait-btn{text-transform:uppercase;font-size:12px}.utility-controls{flex-direction:column;gap:8px;display:flex}.btn-utility{background:#f5eedcb3;border-radius:6px;padding:10px 16px;font-size:13px;font-weight:600}.log-drawer{border:1px dashed var(--ink-color);box-sizing:border-box;text-align:left;z-index:2;background-color:#f5eedc4d;border-radius:6px;width:100%;height:68px;padding:4px 8px;overflow-y:auto}.log-line{color:#6d5b4e;margin-bottom:2px;font-size:11px;line-height:1.4}.log-line:first-child{color:var(--ink-color);font-weight:600}@keyframes breathe{0%{transform:scale(1)}to{transform:scale(1.08)}}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-3px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.choices-row{flex-direction:column;gap:12px;width:100%;max-width:320px;margin-bottom:24px;display:flex}.choice-card{border:1.5px solid var(--ink-color);cursor:pointer;text-align:left;background:#f5eedcf2;border-radius:8px;padding:14px;transition:all .2s;box-shadow:0 4px 8px #0000000d}.choice-card:hover{background-color:#2b221a0a;transform:translateY(-2px)}.choice-name{font-family:var(--font-title);color:var(--ink-green);margin-bottom:4px;font-size:16px;font-weight:700}.choice-desc{color:var(--ink-color);font-size:13px}