*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{color:#fff7df;background:#16100d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}canvas{display:block}body.playing.first-person{cursor:none}.hud{z-index:5;pointer-events:none;position:fixed;inset:0}.topbar{align-items:stretch;gap:10px;min-width:0;display:flex;position:fixed;top:16px;left:16px;right:16px}.brand,.level-card,.meters,.stats,.hud-menu-button,.shop,.center-message,.toast,.caesar-bubble,.cinema-banner,.quick-menu__panel,.speech-bubble{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#150d0aa8;border:1px solid #ffefc638;box-shadow:0 18px 48px #00000047}.brand{letter-spacing:0;text-transform:uppercase;white-space:nowrap;border-radius:8px;align-items:center;gap:10px;min-width:210px;min-height:52px;padding:0 14px;font-size:14px;font-weight:950;display:flex}.brand i{background:#d9a23a;border-radius:3px;width:14px;height:14px;box-shadow:0 0 0 4px #d9a23a33,0 0 28px #d9a23ab8}.meters{border-radius:8px;grid-template-columns:repeat(2,minmax(132px,1fr));gap:8px;min-width:284px;padding:8px;display:grid}.level-card{background:linear-gradient(135deg,#d9a23a33,#150d0ab8),#150d0aa8;border-radius:8px;min-width:150px;padding:8px 14px;display:grid}.level-card span{color:#f4d17b;text-transform:uppercase;font-size:12px;font-weight:950}.level-card strong{color:#fff5c7;text-shadow:0 4px 16px #00000075;font-size:44px;font-weight:950;line-height:.95}.meter{background:#0e0908b8;border:1px solid #ffffff24;border-radius:6px;height:36px;position:relative;overflow:hidden}.meter b{transform-origin:0;background:linear-gradient(90deg,#b51f28,#ef6c45);width:100%;position:absolute;inset:0 auto 0 0}.meter.stamina b{background:linear-gradient(90deg,#d5a339,#fff08a)}.meter span{z-index:1;color:#fff9ee;text-shadow:0 2px 8px #000000b8;text-transform:uppercase;place-items:center;height:100%;font-size:12px;font-weight:900;display:grid;position:relative}.stats{border-radius:8px;flex:1;grid-template-columns:repeat(4,minmax(92px,1fr));gap:1px;display:grid;overflow:hidden}.stats div{background:#ffffff0e;min-width:0;padding:8px 12px;display:grid}.stats span{color:#dcc5a2;text-transform:uppercase;font-size:11px;font-weight:850}.stats strong{color:#fff2b2;text-overflow:ellipsis;white-space:nowrap;align-self:end;font-size:18px;line-height:1;overflow:hidden}.hud-menu-button{cursor:pointer;pointer-events:auto;border-radius:8px;place-items:center;width:52px;min-width:52px;min-height:52px;padding:12px;display:grid}.hud-menu-button span{background:#fff1bb;border-radius:999px;width:22px;height:3px;display:block;box-shadow:0 2px 8px #00000080}.enemy-labels{pointer-events:none;position:fixed;inset:0}.enemy-hp{color:#fff5d1;background:#160a08c7;border:1px solid #160a08bf;border-radius:4px;place-items:center;width:42px;height:15px;font-size:9px;font-weight:950;line-height:1;display:grid;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 4px 12px #00000057}.enemy-hp b{transform-origin:0;background:linear-gradient(90deg,#e84b42,#ffe182);position:absolute;inset:0}.enemy-hp--boat b{background:linear-gradient(90deg,#2f95c8,#c9f5ff)}.enemy-hp span{z-index:1;text-shadow:0 1px 4px #000000d6;position:relative}.enemy-hp--hidden{display:none}.speech-layer{pointer-events:none;position:fixed;inset:0}.speech-bubble{color:#fff5c9;text-align:center;text-shadow:0 2px 6px #00000094;border-radius:8px;max-width:132px;padding:6px 8px;font-size:11px;font-weight:950;line-height:1.1;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.speech-bubble:after{content:"";background:#150d0ab8;border-bottom:1px solid #ffefc638;border-right:1px solid #ffefc638;width:12px;height:12px;position:absolute;bottom:-6px;left:calc(50% - 6px);transform:rotate(45deg)}.speech-bubble[data-tone=angry]{color:#ffd5bd;border-color:#f056458a}.speech-bubble[data-tone=god]{color:#d7f9ff;border-color:#7de6ff94}.caesar-bubble{color:#fff3c0;text-shadow:0 2px 7px #0000008c;border-radius:8px;max-width:min(320px,100vw - 44px);padding:10px 13px;font-size:13px;font-weight:950;position:fixed;top:86px;right:22px}.caesar-bubble:after{content:"";background:#150d0ab8;border-bottom:1px solid #ffefc638;border-right:1px solid #ffefc638;width:18px;height:18px;position:absolute;bottom:-9px;right:28px;transform:rotate(45deg)}.caesar-bubble[data-mood=Daumen\ runter]{color:#ffd0bc;border-color:#f056457a}.caesar-bubble[data-mood=Daumen\ hoch]{color:#fff6c7;border-color:#ffe78a80}.cinema-banner{color:#fff2bc;text-align:center;text-transform:uppercase;text-shadow:0 2px 10px #0000009e;opacity:0;border-radius:8px;min-width:min(420px,100vw - 36px);padding:12px 16px;font-size:18px;font-weight:950;transition:opacity .2s,transform .2s;position:fixed;bottom:96px;left:50%;transform:translate(-50%,16px)}.cinema-banner.visible{opacity:1;transform:translate(-50%)}.crosshair{z-index:6;opacity:.78;border:1px solid #fff5c78a;border-radius:50%;width:22px;height:22px;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #160a086b,0 0 18px #d9a23a73}body.playing.first-person .crosshair{display:block}.crosshair:before,.crosshair:after{content:"";background:#fff5c7e0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before{width:2px;height:16px}.crosshair:after{width:16px;height:2px}.center-message{color:#fff4c9;text-align:center;text-shadow:0 2px 8px #00000094;opacity:0;border-radius:8px;place-items:center;min-width:min(520px,100vw - 32px);min-height:42px;padding:10px 16px;font-weight:950;transition:opacity .18s,transform .18s;display:grid;position:fixed;top:88px;left:50%;transform:translate(-50%,-10px)}.center-message.visible{opacity:1;transform:translate(-50%)}.toast{color:#ffe9af;opacity:0;border-radius:8px;width:min(360px,100vw - 36px);min-height:38px;padding:9px 13px;font-size:13px;font-weight:850;transition:opacity .16s,transform .16s;position:fixed;bottom:18px;right:18px;transform:translateY(12px)}.toast.visible{opacity:1;transform:translateY(0)}.quick-menu{z-index:7;pointer-events:auto;background:#08050457;place-items:start end;padding:82px 18px 18px;display:grid;position:fixed;inset:0}.quick-menu--hidden{display:none}.quick-menu__panel{border-radius:8px;gap:14px;width:min(380px,100vw - 36px);max-height:calc(100vh - 104px);padding:14px;display:grid;overflow:auto}.quick-menu__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.quick-menu__header strong{color:#fff2bc;font-size:20px;font-weight:950}.quick-menu__section{border-top:1px solid #ffefc624;gap:5px;padding-top:12px;display:grid}.quick-menu__section span{color:#f4d17b;text-transform:uppercase;font-size:12px;font-weight:950}.quick-menu__section p{color:#e7d5ba;margin:0;font-size:13px;font-weight:750;line-height:1.45}.leaderboard-menu{gap:9px}.leaderboard-menu__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.leaderboard-menu__head select,.player-name input{color:#fff3c7;min-height:32px;font:inherit;background:#0c0807a8;border:1px solid #ffefc62e;border-radius:6px;font-size:12px;font-weight:850}.leaderboard-menu__head select{max-width:132px;padding:0 8px}.player-name{color:#e7d5ba;grid-template-columns:48px 1fr;align-items:center;gap:8px;font-size:12px;font-weight:900;display:grid}.player-name input{width:100%;min-width:0;padding:0 9px}.leaderboard-list{gap:5px;max-height:150px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.leaderboard-list li{background:#ffffff12;border-radius:6px;grid-template-columns:1fr auto;align-items:center;gap:10px;min-height:28px;padding:5px 8px;display:grid}.leaderboard-list span,.leaderboard-list b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1;overflow:hidden}.leaderboard-list span{color:#f2dcc0;font-weight:850}.leaderboard-list b{color:#fff2a8;font-weight:950}.leaderboard-menu small{color:#9fd8ff;font-size:11px;font-weight:850}.quick-menu button{color:#1e130d;cursor:pointer;background:#d9a23a;border:0;border-radius:6px;min-height:38px;font-weight:950}.quick-menu__danger{color:#fff4d9!important;background:#b84b36!important}.shop{pointer-events:auto;border-radius:8px;width:min(820px,100vw - 32px);max-height:min(70vh,580px);position:fixed;bottom:22px;left:50%;overflow:auto;transform:translate(-50%)}.shop--hidden{display:none}.shop__header{z-index:2;background:#1a0f0beb;border-bottom:1px solid #ffefc629;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex;position:sticky;top:0}.shop__header span,.shop__header strong{display:block}.shop__header span{color:#fff3d4;font-size:18px;font-weight:950}.shop__header strong{color:#d9f0ff;text-transform:uppercase;margin-top:2px;font-size:12px;font-weight:850}.shop__header button,.shop__grid button,.menu button{color:#1e130d;cursor:pointer;background:#d9a23a;border:0;border-radius:6px;min-height:42px;font-weight:950;box-shadow:inset 0 -3px #00000038,0 10px 22px #0000003d}.shop__header button:active,.shop__grid button:active,.menu button:active{transform:translateY(2px);box-shadow:inset 0 -1px #00000038,0 6px 16px #00000038}.shop__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;display:grid}.shop__item{background:#fff1;border:1px solid #ffefc629;border-radius:8px;gap:8px;min-height:160px;padding:12px;display:grid}.shop__item h3{color:#fff5cc;margin:0;font-size:16px;line-height:1.15}.shop__item p{color:#d8c9b6;margin:0;font-size:13px;font-weight:700;line-height:1.35}.shop__item small{color:#9fd8ff;text-transform:uppercase;font-size:11px;font-weight:900}.shop__item button{align-self:end}.shop__item button:disabled{color:#d8cec2;cursor:not-allowed;background:#6d6151}.menu{z-index:8;background:radial-gradient(circle at 50% 48%,#ca531f47,#0000 34%),linear-gradient(#110a0961,#090505e6);place-items:center;padding:18px;display:grid;position:fixed;inset:0}.menu.hidden{display:none}.menu__inner{text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#160c09b8;border:1px solid #ffefc63d;border-radius:8px;justify-items:center;gap:14px;width:min(620px,100%);padding:24px;display:grid;box-shadow:0 30px 90px #00000085}.menu__title{color:#fff2b2;text-transform:uppercase;text-shadow:0 3px #5d261d,0 18px 45px #00000085;font-size:clamp(34px,8vw,72px);font-weight:950;line-height:.96}.menu__subtitle{color:#e9d8bd;max-width:46ch;font-size:15px;font-weight:750;line-height:1.45}.menu button{min-width:190px;min-height:50px;font-size:18px}@media (width<=860px){.topbar{flex-wrap:wrap}.brand{flex:calc(100% - 62px);min-width:0}.hud-menu-button{flex:0 0 52px}.level-card{flex:0 0 104px;min-width:104px}.level-card strong{font-size:34px}.meters,.stats{flex:100%}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.caesar-bubble{max-width:calc(100vw - 32px);top:214px;right:16px}.cinema-banner{font-size:14px;bottom:82px}.center-message{min-width:calc(100vw - 32px);top:300px}.shop__grid{grid-template-columns:1fr}}