*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#101510;color:#d9cfaf;font-family:Georgia,'Times New Roman',serif;touch-action:none}button{font:inherit;color:#ded4b7;cursor:pointer;border:1px solid #696653;background:linear-gradient(#363b34,#1a201d);box-shadow:inset 0 0 0 2px #141916,0 2px 0 #0b0e0c;min-height:44px}button:hover{border-color:#bba56b;color:#fff3c8}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid #edce75;outline-offset:2px}button:disabled{opacity:.45;cursor:wait}[hidden]{display:none!important}#app{display:flex;height:100dvh;max-width:1800px;margin:auto;border:5px ridge #4c5147}#field{position:relative;flex:1;min-width:0;overflow:hidden;background:#253421}#game{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:24px 28px;background:linear-gradient(#0a100ee8,transparent);pointer-events:none;text-shadow:0 2px 2px #000}.eyebrow{font:10px monospace;letter-spacing:3px;color:#c9b477}h1{font-size:27px;font-weight:normal;margin:5px 0}header small{font-size:13px;color:#c1c7aa}.top-actions{display:flex;gap:8px;pointer-events:auto}.top-actions button{width:44px;font-size:23px}#bag{display:none}#hud{width:285px;flex-shrink:0;padding:13px;background:repeating-linear-gradient(171deg,#292d2a 0,#292d2a 4px,#252925 5px,#30332e 9px);border-left:7px ridge #585b50;box-shadow:inset 0 0 24px #000;overflow-y:auto;scrollbar-width:thin}.hud-title{font:10px monospace;letter-spacing:2px;display:flex;align-items:center;justify-content:space-between;margin:3px 0 13px;color:#acb19e}#closebag{display:none}.stone{background:#171c19;border:5px ridge #51564c;box-shadow:inset 0 0 15px #060908}.vitals{padding:6px;display:flex;gap:10px}.vitals>div{flex:1}.vitals strong{font:10px monospace;letter-spacing:2px;color:#c0ad79}#portrait{width:62px;height:76px;object-fit:contain;image-rendering:pixelated;background:#101613;border:2px inset #444c40}.bar{position:relative;background:#090d0b;border:2px inset #484d42;height:18px;margin-top:6px}.bar b{display:block;height:100%;width:100%;background:linear-gradient(#d7513f,#7c191b);border-top:2px solid #e87857;transition:width .2s}.bar span{position:absolute;inset:0;text-align:center;font:10px monospace;color:#fff8db}.bar.mana b{background:linear-gradient(#4674c0,#1e3769);border-color:#6d9ce0}.bar.xp{height:5px}.bar.xp b{background:#b99d46;border:0}.stats{display:flex;justify-content:space-around;font:14px monospace;padding:12px 0}.gold{color:#e0b65a}.section-label{font:10px monospace;letter-spacing:1px;color:#b4b79f;margin:10px 0 7px;display:flex;justify-content:space-between}.section-label span{font:9px monospace;color:#777f70;letter-spacing:0}#equipment{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}#equipment button{height:67px;position:relative;border:4px ridge #4f554c;background:#121815}#equipment img{width:46px;height:46px;image-rendering:pixelated;object-fit:contain}#equipment small{position:absolute;bottom:2px;left:0;right:0;font:8px monospace;text-transform:uppercase;color:#9b9d86}#itemdetail{font-size:12px;line-height:1.4;min-height:37px;padding:7px;color:#c4b787}#inventory{display:flex;gap:3px;overflow-x:auto;min-height:42px}#inventory button{min-width:38px;width:38px;height:40px;min-height:40px;padding:2px}#inventory img{width:32px;height:32px;image-rendering:pixelated}.quick{display:flex;gap:5px;margin:8px 0}.quick button{flex:1;font-size:18px}.quick span{font:10px monospace}.map-frame{border:5px ridge #5e5e4e;background:#ab9464;padding:4px;position:relative}.map-frame canvas{width:100%;height:95px;image-rendering:pixelated}.map-frame span{display:block;text-align:center;font:8px monospace;letter-spacing:1px;color:#433b26}#log{background:#101512;border:3px ridge #4a5045;min-height:90px;padding:9px;font-size:13px;line-height:1.5}#log div:first-child{color:#d7c78d}#log div{color:#999e86}#ads{display:block;width:100%;font:10px monospace;min-height:30px;margin-top:9px;color:#929782}#controls{position:absolute;bottom:45px;left:30px;right:25px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}#stick{width:110px;height:110px;border-radius:50%;border:2px solid #c5c5a540;background:#0b150c50;box-shadow:inset 0 0 20px #0005;pointer-events:auto;position:relative}#stick:before{content:'✧';position:absolute;inset:0;display:grid;place-items:center;font-size:74px;color:#dbdfbf30}#stick span{position:absolute;left:31px;top:31px;width:44px;height:44px;border-radius:50%;background:#b4b99b40;border:2px solid #d3d6b260}.actions{display:flex;align-items:flex-end;gap:12px;pointer-events:auto}.actions button{position:relative;border:3px ridge #858671;background:#172019cc;width:62px;height:62px;font-size:29px;border-radius:50%}.actions button small{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);white-space:nowrap;font:9px monospace;letter-spacing:1px}.actions #attack{width:78px;height:78px;font-size:36px;border-color:#b1a578}.actions img{width:35px;height:35px;image-rendering:pixelated}.actions #potcount{position:absolute;bottom:3px;right:8px;font:14px monospace}footer{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:10px 18px;background:linear-gradient(transparent,#0e140ee0);font:10px monospace;color:#b8c1a4;pointer-events:none}#notice{position:absolute;top:108px;left:50%;transform:translateX(-50%);padding:9px 20px;background:#121b13dd;border:1px solid #7f825d;color:#f0d58b;font-size:14px;opacity:0;transition:opacity .2s;white-space:nowrap}#bossbar{position:absolute;top:98px;left:24%;right:24%;text-align:center;font:10px monospace;letter-spacing:2px;color:#e7ac83}#bossbar i{display:block;height:9px;background:#131410;border:2px solid #6c6050;margin-top:6px}#bossbar b{display:block;height:100%;background:#ac3b2e}#overlay,#modal{position:absolute;inset:0;display:grid;place-items:center;background:#09120ca8;backdrop-filter:blur(2px);z-index:20}.title-card{text-align:center;padding:35px 50px;background:linear-gradient(#101b16f2,#131d16f2);border:1px solid #797b56;outline:5px solid #101711;box-shadow:0 20px 100px #000b;max-width:95vw}.crest{color:#bda768;font-size:44px}.title-card h2{font-size:clamp(34px,6vw,65px);letter-spacing:6px;color:#e0d5b0;font-weight:normal;margin:12px 0 0;text-shadow:3px 3px #080e09}.subtitle{font:12px monospace;letter-spacing:6px;color:#a6b38e;margin-top:10px}.divider{color:#8d8051;margin:20px auto;width:80%;display:flex;align-items:center;gap:12px}.divider:before,.divider:after{content:'';height:1px;background:#5d6245;flex:1}#story{line-height:1.7;color:#b8bda6;font-size:16px}.primary{background:linear-gradient(#647049,#39482e);border:2px ridge #aeb17c;padding:12px 24px;font-size:18px;min-width:260px;display:block;margin:18px auto 10px}.primary span{margin-left:30px}#daily{background:none;border:0;box-shadow:none;font-size:12px;min-height:30px;color:#b7ad83}.instructions{font:10px/1.8 monospace;color:#89957e}.title-card>small{font:8px monospace;letter-spacing:2px;color:#66775f}#legacy{color:#c8ab63;font:11px monospace}#modal>div{max-width:440px;padding:28px;text-align:center;line-height:1.5}#modalButtons{display:grid;gap:10px}#modalText{white-space:pre-line}
@media(max-width:900px){#hud{display:none;position:absolute;right:0;top:0;bottom:0;z-index:15;width:280px}#hud.open{display:block}#bag,#closebag{display:block}#closebag{min-height:30px;width:30px}header{padding:15px 20px}h1{font-size:22px}#controls{bottom:36px;left:20px;right:20px}#stick{width:96px;height:96px}#stick span{left:24px;top:24px}#notice{top:83px}.title-card{padding:16px 34px}.crest{font-size:24px}.title-card h2{font-size:38px}.divider{margin:10px auto}#story{font-size:13px;margin:8px 0}.primary{margin:10px auto 4px;padding:8px 20px}.instructions{margin:8px 0}.title-card>.eyebrow{font-size:8px}.title-card>small{font-size:7px}#bossbar{top:77px}.actions{gap:9px}}
@media(max-height:500px){header small{font-size:11px}header .eyebrow{font-size:8px}h1{margin:2px 0}.title-card .crest,.title-card>.eyebrow,.title-card>small{display:none}.title-card h2{font-size:34px}.title-card{padding:16px 35px}.title-card .subtitle{margin:5px 0}.title-card .divider{margin:8px auto}.actions button{width:53px;height:53px}.actions #attack{width:65px;height:65px}#stick{width:85px;height:85px}#stick span{left:18px;top:18px}#controls{bottom:35px}footer{font-size:8px}#hud{padding:9px}.map-frame{display:none}}
@media(orientation:portrait){#controls{bottom:70px}header{padding:20px 15px}#hint{max-width:240px;line-height:1.4}.title-card{padding:30px 18px}.title-card h2{font-size:32px;letter-spacing:3px}.title-card>.eyebrow{letter-spacing:1px}.subtitle{font-size:10px;letter-spacing:4px}}

/* Generated Unicorn stone frame, sliced without smoothing. */
.stone,#equipment button,.map-frame,#log{border-image: url("assets/frame.png") 12 / 6px / 0 stretch;image-rendering:pixelated}#hud{background-image:linear-gradient(#20261be6,#20261be6),url("assets/frame.png");background-size:auto,128px 128px}

#mobileVitals{display:none;position:absolute;top:88px;left:20px;gap:14px;font:bold 12px monospace;text-shadow:1px 2px #000}#mobileHp{color:#f4b49a}#mobileMp{color:#a0c8e6}@media(max-width:900px){#mobileVitals{display:flex}#notice{top:115px}#bossbar{top:112px}}@media(max-height:500px){#mobileVitals{top:78px}#notice{top:101px}}

.quick button{position:relative;min-width:0;height:53px;padding:4px}.quick img{width:32px;height:37px;object-fit:contain;image-rendering:pixelated}.quick span{position:absolute;bottom:3px;right:5px;color:#f3e8ca;font:12px monospace}.quick .blue{filter:hue-rotate(210deg)}.quick .green{filter:hue-rotate(100deg)}@media(min-width:901px) and (max-height:800px){#hud{padding:9px}.hud-title{margin-bottom:7px}#equipment button{height:57px}.map-frame canvas{height:75px}#log{min-height:75px;font-size:12px}.section-label{margin-top:7px}.stats{padding:8px 0}.quick{margin:5px 0}}