:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7fbff;background:#111317;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.game-shell{position:relative;width:100%;height:100%;background:#111317}.game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.hud{position:absolute;z-index:3;border:1px solid rgb(255 255 255 / 16%);background:#121519c2;box-shadow:0 18px 42px #0000003d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hud-left{top:18px;left:18px;width:min(340px,calc(100vw - 36px));padding:14px;border-radius:8px}.hud-right{top:18px;right:18px;width:min(310px,calc(100vw - 36px));padding:14px;border-radius:8px}.hero-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.hero-title strong,.objective strong,.choice-header strong,.result-panel strong{display:block;font-size:18px;line-height:1.18;letter-spacing:0}.hero-title small,.objective small,.choice-header small{display:block;margin-top:2px;color:#b8c7d3;font-size:12px}.crest{width:34px;height:38px;flex:0 0 auto;clip-path:polygon(50% 0,94% 16%,84% 76%,50% 100%,16% 76%,6% 16%);background:linear-gradient(90deg,transparent 47%,rgb(255 255 255 / 24%) 48% 52%,transparent 53%),linear-gradient(135deg,#e34646 0 50%,#f3bd4e 50% 100%);box-shadow:inset 0 0 0 2px #0000002e}.meter{display:grid;grid-template-columns:34px 1fr 74px;align-items:center;gap:8px;margin:9px 0;color:#d8e2ea;font-size:12px}.meter b{justify-self:end;color:#fff;font-size:12px;font-weight:700}.meter-track,.progress-track{height:10px;overflow:hidden;border:1px solid rgb(255 255 255 / 14%);border-radius:999px;background:#00000052}.meter-track i,.progress-track i{display:block;width:0%;height:100%;border-radius:inherit;transition:width .16s ease}.meter:not(.xp) .meter-track i{background:linear-gradient(90deg,#eb5656,#ff9868)}.xp .meter-track i{background:linear-gradient(90deg,#5db7ff,#78e5d1)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.stats-grid span{min-width:0;padding:8px;border:1px solid rgb(255 255 255 / 12%);border-radius:6px;background:#ffffff12;color:#b9c6d2;font-size:12px;text-align:center}.stats-grid b{display:block;margin-top:3px;color:#fff;font-size:15px}.objective{margin-bottom:12px}.progress-track{height:12px}.progress-track i{background:linear-gradient(90deg,#75d26b,#f3c34e 55%,#f06459)}.treasures{display:flex;flex-wrap:wrap;gap:7px;min-height:30px;margin-top:12px}.treasures span{padding:6px 8px;border:1px solid rgb(255 255 255 / 12%);border-radius:999px;background:#ffffff17;color:#f8fbff;font-size:12px;line-height:1}.treasures .rare-chip{border-color:#7fe7ff85;background:#7fe7ff26;color:#dffaff}.message-feed{position:absolute;left:18px;bottom:18px;z-index:4;display:grid;gap:8px;width:min(390px,calc(100vw - 36px));pointer-events:none}.message-feed p{margin:0;padding:10px 12px;border-left:3px solid #f3c34e;border-radius:6px;background:#111317c7;box-shadow:0 12px 26px #0003;color:#f6f7f4;font-size:13px;transition:opacity .45s ease,transform .45s ease}.message-feed p.fading{opacity:0;transform:translateY(8px)}.choice-panel,.result-panel{position:absolute;z-index:7;left:50%;top:50%;width:min(760px,calc(100vw - 28px));transform:translate(-50%,-50%);border:1px solid rgb(255 255 255 / 18%);border-radius:8px;background:#121519e0;box-shadow:0 24px 80px #0000005c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.choice-panel{padding:18px}.choice-header{margin-bottom:14px}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.choice-grid button{min-height:184px;padding:16px;border:1px solid rgb(255 255 255 / 14%);border-radius:8px;background:linear-gradient(180deg,#ffffff1a,#ffffff0d),#191d22;color:#f7fbff;text-align:left;cursor:pointer;transition:border-color .16s ease,transform .16s ease,background .16s ease}.choice-grid button:hover,.choice-grid button:focus-visible{border-color:#f3c34e;outline:none;transform:translateY(-2px);background:linear-gradient(180deg,#f3c34e2e,#ffffff0f),#1d2227}.choice-grid span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:12px;border-radius:999px;background:#f3c34e;color:#161616;font-size:18px;font-weight:800}.choice-grid strong{display:block;font-size:17px;letter-spacing:0}.choice-grid small{display:inline-block;margin-top:5px;color:#77d6ff;font-size:12px;font-weight:700}.choice-grid p{margin:12px 0 0;color:#c5d0d9;font-size:13px;line-height:1.55}.result-panel{display:grid;justify-items:center;gap:12px;max-width:420px;padding:24px;text-align:center}.result-panel strong{font-size:28px}.result-panel p{margin:0;color:#c9d4dd;line-height:1.55}.result-panel button{min-width:140px;min-height:42px;border:0;border-radius:6px;background:#f3c34e;color:#17140b;cursor:pointer;font-weight:800}.floating-layer{position:absolute;inset:0;z-index:5;pointer-events:none}.floating-text{position:absolute;left:0;top:0;padding:3px 7px;border-radius:999px;background:#0c0e12b3;color:#fff;font-size:13px;font-weight:900;text-shadow:0 1px 2px rgb(0 0 0 / 45%);white-space:nowrap}.floating-text.damage{color:#ffec70}.floating-text.hurt{color:#ff7b72}.floating-text.xp{color:#7bdbff}.floating-text.block{color:#9ff0b1}.hidden{display:none}@media(max-width:760px){.hud-left,.hud-right{left:10px;right:auto;width:calc(100vw - 20px)}.hud-right{top:auto;bottom:10px;padding:10px}.hud-left{top:10px;padding:10px}.message-feed{display:none}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-grid{grid-template-columns:1fr}.choice-grid button{min-height:132px}.choice-panel{max-height:calc(100vh - 24px);overflow:auto}}