:root{--ink: #2a1e14;--parchment: #e8d9b5;--gold: #c9a14a;--red: #8b1e1a;--green: #2e5b3a;--night: #120d0a;--panel: rgba(18, 13, 10, .72)}html,body{margin:0;height:100%;background:var(--night);overflow:hidden;overscroll-behavior:none}body{font-family:EB Garamond,Georgia,serif;color:var(--parchment);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#canvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}.geez{font-family:"Noto Serif Ethiopic",serif;color:var(--gold);font-size:clamp(38px,8vw,78px);line-height:1.1}h1{font-family:Cinzel,serif;font-weight:400;font-size:clamp(30px,7vw,62px);letter-spacing:.06em;margin:0}h2{font-family:Cinzel,serif;font-weight:400;letter-spacing:.05em;margin:0 0 12px}.band{width:min(420px,80vw);height:10px;margin:16px 0 18px;background:repeating-linear-gradient(90deg,var(--red) 0 14px,var(--gold) 14px 18px,var(--green) 18px 26px,var(--gold) 26px 30px)}.sub{font-style:italic;opacity:.9;margin:0 0 18px}button{font:600 18px Cinzel,serif;letter-spacing:.04em;color:var(--parchment);background:#2a1e14d1;border:1px solid rgba(201,161,74,.6);border-radius:6px;padding:12px 22px;cursor:pointer;min-height:48px}button:hover,button:focus-visible{border-color:var(--gold);background:#46301ce6;outline:none}button.primary{background:var(--red);border-color:var(--gold)}#loader{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at center,#2a1c12 0%,var(--night) 70%);padding:0 16px;z-index:10}#loader p{font-style:italic;margin:0 0 22px;opacity:.85}#bar{width:min(420px,80vw);height:6px;background:#e8d9b526;border-radius:3px;overflow:hidden}#fill{height:100%;width:0;background:var(--gold);transition:width .2s}#status{margin-top:12px;font-size:15px;opacity:.8;min-height:1.4em}.err{color:#f2b8a8}.screen{position:absolute;inset:0;padding:max(5vh,16px) max(6vw,16px);box-sizing:border-box;overflow-y:auto;background:linear-gradient(90deg,#0c0806db,#0c080680 45%,#0c080600 75%)}.screen.title{display:flex;flex-direction:column;justify-content:center}.buttons{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.credit{margin-top:26px;font-size:15px;opacity:.7;max-width:420px}.list .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;max-width:960px;margin-bottom:18px}.card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;font-family:EB Garamond,serif;font-weight:400;padding:14px 16px}.card b{font-family:Cinzel,serif;font-size:18px}.card i{font-family:"Noto Serif Ethiopic",serif;font-style:normal;color:var(--gold);font-size:15px}.card small{opacity:.75;font-size:14px}.card .num{color:var(--gold);font-family:Cinzel,serif}#ui>.hud{position:absolute;inset:0;pointer-events:none}.hud>*{pointer-events:auto}.objective{position:absolute;top:max(12px,env(safe-area-inset-top));left:16px;max-width:min(380px,60vw);background:var(--panel);border-left:3px solid var(--gold);padding:8px 12px;font-size:18px;pointer-events:none}.obar{height:4px;background:#e8d9b533;margin-top:6px}.obar>div{height:100%;background:var(--gold);width:0}.health{position:absolute;top:max(14px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(240px,40vw);height:8px;background:#00000080;border:1px solid rgba(201,161,74,.5);pointer-events:none}.health>div{height:100%;width:100%;background:linear-gradient(90deg,#8b1e1a,#c9452f);transition:width .2s}.menu{position:absolute;top:max(10px,env(safe-area-inset-top));right:16px;padding:8px 16px;min-height:40px;font-size:15px}.prompt{position:absolute;bottom:22%;left:50%;transform:translate(-50%);font:600 20px Cinzel,serif;text-shadow:0 2px 6px #000;pointer-events:none}.toast{position:absolute;top:18%;left:50%;transform:translate(-50%);font:400 clamp(22px,4vw,34px) "Cinzel",serif;letter-spacing:.05em;text-shadow:0 2px 10px #000;opacity:0;transition:opacity .8s;pointer-events:none;text-align:center}.toast.show{opacity:1}.hurt{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,#0000 45%,#96000099)}.hurt.flash{animation:hurt .6s ease-out}@keyframes hurt{0%{opacity:1}to{opacity:0}}.knob{position:absolute;left:0;top:0;width:120px;height:120px;border-radius:50%;border:2px solid rgba(232,217,181,.35);opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.knob>div{width:50px;height:50px;border-radius:50%;background:#e8d9b599}.hud:not(.touch) .knob,.hud:not(.touch) .tbtn{display:none}.tbtn{position:absolute;border-radius:50%;padding:0;font-size:14px}.tbtn.strike{right:max(24px,env(safe-area-inset-right));bottom:max(28px,env(safe-area-inset-bottom));width:96px;height:96px;background:#8b1e1acc}.tbtn.use{right:132px;bottom:96px;width:70px;height:70px;opacity:.35}.tbtn.use.on{opacity:1;border-color:var(--gold)}.tbtn.run{right:132px;bottom:18px;width:70px;height:70px}.tbtn.run.on{background:#c9a14ab3;color:var(--ink)}.storycard{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:0 16px max(6vh,20px);background:linear-gradient(0deg,#0a0705cc,#0a070500 60%);cursor:pointer;z-index:5}.storycard .inner{max-width:720px;width:100%;background:#e8d9b5f2;color:var(--ink);padding:18px 22px;border-radius:4px;border-top:6px solid var(--red);box-shadow:0 10px 40px #00000080}.storycard h3{font:600 22px Cinzel,serif;margin:0 0 8px}.storycard h4{font:600 17px Cinzel,serif;margin:0 0 6px;color:var(--red)}.storycard p{font-size:19px;line-height:1.45;margin:0 0 10px}.storycard small{opacity:.6;font-style:italic}.storycard.done{align-items:center;cursor:default}.storycard .buttons{flex-direction:row;flex-wrap:wrap;margin-top:10px}