@font-face{font-family:Cinzel Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(../assets/fonts/cinzel-latin-wght-normal.woff2) format("woff2")}@font-face{font-family:Cinzel Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(../assets/fonts/cinzel-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--royale-ink: #111520;--royale-panel: rgba(24, 26, 28, .88);--royale-panel-strong: rgba(20, 18, 18, .96);--royale-gold: #f0bd55;--royale-brass: #9d6a2d;--royale-parchment: #ffe1a0;--royale-health: #d8584c;--royale-ward: #68c8dd;--royale-mist: #9a6ee9;--royale-text: #fff3d8}html,.royale-page{width:100%;height:100%;margin:0}.royale-page{min-width:320px;display:grid;place-items:center;overflow:hidden;color:var(--royale-text);background:linear-gradient(180deg,#0a0e18b3,#080b12f5),#121724;font-family:Cinzel Variable,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.royale-page *,.royale-page *:before,.royale-page *:after{box-sizing:border-box}#royale-app{position:relative;width:min(100vw,calc(100vh * 16 / 9));height:min(100vh,56.25vw);aspect-ratio:16 / 9;overflow:hidden;background:#12221b}#royale-game-root,#royale-ui-root{position:absolute;inset:0}#royale-game-root{display:grid;place-items:center}#royale-game-root canvas{display:block;image-rendering:pixelated}#royale-ui-root{pointer-events:none;overflow:hidden}.royale-menu,.royale-results,.royale-pause{pointer-events:auto}.royale-menu,.royale-results,.royale-pause{position:absolute;left:50%;top:50%;width:min(640px,calc(100% - 32px));transform:translate(-50%,-50%);border:2px solid rgba(240,189,85,.62);background:linear-gradient(180deg,#3f2d1ee0,#101118fa),var(--royale-panel-strong);box-shadow:inset 0 0 0 2px #111520c7,inset 0 0 34px #f0bd5514,0 22px 70px #00000073;padding:clamp(18px,4vw,30px)}.royale-menu[hidden],.royale-hud[hidden],.royale-results[hidden],.royale-pause[hidden],.royale-map-panel[hidden],.royale-prompt[hidden]{display:none}.royale-brand{margin:0;color:#ffe1a0;font-size:clamp(42px,8vw,76px);line-height:.92;font-weight:950}.royale-subtitle,.royale-copy{color:#fff3d8c7;font-weight:750}.royale-copy{margin:12px 0 24px;max-width:56ch}.royale-start,.royale-secondary{width:100%;min-height:50px;border:2px solid rgba(255,232,175,.72);color:#241708;background:linear-gradient(180deg,#ffeea96b,#64341533),linear-gradient(180deg,#f3c362,#cf8638);font:inherit;font-size:18px;font-weight:900;cursor:pointer;box-shadow:inset 0 -3px #4c261261,0 4px #0f10176b}.royale-secondary{color:#fff5dc;background:linear-gradient(180deg,#6b4b2b94,#17161cd1),#ffffff14;border-color:#fff3d852}.royale-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.royale-menu-actions{display:grid;gap:10px}.royale-hud{position:absolute;inset:0;pointer-events:none;padding:clamp(10px,1.8vw,20px)}.royale-topbar{position:absolute;left:clamp(10px,1.8vw,20px);right:clamp(10px,1.8vw,20px);top:clamp(10px,1.8vw,20px);display:flex;align-items:start;justify-content:space-between;gap:12px}.royale-vitals,.royale-status,.royale-minimap-wrap,.royale-map-panel,.royale-hotbar,.royale-killfeed,.royale-prompt{border:1px solid rgba(255,243,216,.18);background:linear-gradient(180deg,#45301f42,#0c0f175c),var(--royale-panel);box-shadow:inset 0 0 0 1px #00000057,inset 0 -2px #9d6a2d38}.royale-vitals{width:min(340px,36vw);padding:10px}.royale-meter{height:16px;margin:5px 0;background:#00000061;overflow:hidden}.royale-meter-fill{height:100%;width:100%;transform-origin:left center}.royale-health{background:linear-gradient(90deg,#ba3e3b,var(--royale-health))}.royale-ward{background:linear-gradient(90deg,#3e8da9,var(--royale-ward))}.royale-status{min-width:178px;padding:9px 12px;text-align:center;text-transform:uppercase;font-size:13px;font-weight:900}.royale-minimap-wrap{width:148px;padding:6px;opacity:.9}.royale-minimap{display:block;width:136px;height:136px;background:#0f1818c7}.royale-map-panel{position:absolute;left:50%;top:50%;width:min(560px,calc(100% - 48px));max-height:calc(100% - 76px);transform:translate(-50%,-50%);padding:12px;background:#0c0f17e6}.royale-map{display:block;width:100%;aspect-ratio:1;max-height:calc(100vh - 116px);background:#0f1818f0}.royale-hotbar{position:absolute;left:50%;bottom:clamp(10px,2vw,22px);transform:translate(-50%);display:grid;grid-template-columns:repeat(6,minmax(44px,54px));gap:4px;padding:5px;opacity:.88;pointer-events:auto}.royale-slot{min-height:48px;border:1px solid rgba(255,243,216,.18);background:#ffffff0b;padding:4px;display:grid;align-content:space-between;cursor:pointer}.royale-slot[data-selected=true]{border-color:var(--rarity-color, var(--royale-gold));box-shadow:inset 0 -3px 0 var(--rarity-color, var(--royale-gold))}.royale-slot-key{color:#fff3d894;font-size:11px;font-weight:900;line-height:1}.royale-slot-name{color:#fff6df;font-size:10px;font-weight:850;line-height:1.1}.royale-slot-meta{color:#fff3d8ad;font-size:9px}.royale-killfeed{position:absolute;right:clamp(10px,1.8vw,20px);top:164px;width:min(260px,27vw);max-height:66px;overflow:hidden;padding:6px 8px;color:#fff3d8b8;font-size:10px;font-weight:750;line-height:1.25;background:#0c0f1775;border-color:#fff3d81c;box-shadow:inset 0 0 0 1px #0000003d}.royale-prompt{position:absolute;left:50%;bottom:96px;transform:translate(-50%);padding:8px 12px;color:#ffe4a6;font-size:13px;font-weight:900;text-transform:uppercase}.royale-results-title,.royale-pause-title{margin:0 0 8px;color:#ffe1a0;font-size:clamp(34px,7vw,58px);line-height:1}@media(max-width:760px){.royale-vitals{width:250px}.royale-minimap-wrap{width:136px}.royale-minimap{width:122px;height:122px}.royale-hotbar{grid-template-columns:repeat(6,minmax(42px,1fr));width:calc(100% - 24px)}.royale-killfeed{display:none}}