@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,.royale-modal{pointer-events:auto}.royale-menu,.royale-results,.royale-pause,.royale-modal{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-modal[hidden],.royale-map-panel[hidden],.royale-prompt[hidden],.royale-guidance[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-menu-meta{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}.royale-menu-meta span{border:1px solid rgba(255,243,216,.22);padding:5px 8px;color:#fff3d8d6;background:#0c0f1752;font-size:12px;font-weight:900;text-transform:uppercase}.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-menu-secondary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.royale-menu-secondary-actions .royale-secondary,.royale-modal .royale-secondary{min-height:44px;font-size:15px}.royale-modal{z-index:3;width:min(560px,calc(100% - 32px))}.royale-modal-close{position:absolute;top:12px;right:12px;min-width:74px;min-height:34px;border:1px solid rgba(255,243,216,.28);color:#fff5dc;background:#0c0f176b;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.royale-panel-title{margin:0 90px 16px 0;color:#ffe1a0;font-size:clamp(28px,5vw,44px);line-height:1}.royale-tip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.royale-tip-grid div,.royale-toggle{border:1px solid rgba(255,243,216,.16);background:#0c0f1747;padding:10px}.royale-tip-grid strong{display:block;margin-bottom:4px;color:#ffe1a0;font-size:13px;text-transform:uppercase}.royale-tip-grid span,.royale-toggle span{color:#fff3d8c7;font-size:13px;font-weight:700;line-height:1.32}.royale-toggle{display:flex;align-items:center;gap:10px}.royale-toggle input{width:22px;height:22px;accent-color:var(--royale-gold)}.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-status,.royale-map-button,.royale-minimap-wrap,.royale-map-panel,.royale-hotbar,.royale-killfeed,.royale-personal-banner,.royale-action-hint,.royale-prompt,.royale-guidance{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-status{min-width:178px;padding:9px 12px;text-align:left;text-transform:uppercase;font-size:13px;font-weight:900}.royale-status span{display:block;line-height:1.2}.royale-map-cluster{display:grid;justify-items:stretch;gap:6px}.royale-map-button{width:100%;min-height:34px;padding:7px 10px;border-color:#f0bd5561;color:#fff3d8d1;font:inherit;font-size:12px;font-weight:950;letter-spacing:0;text-transform:uppercase;cursor:pointer;pointer-events:auto}.royale-map-button[data-active=true]{color:#241708;background:linear-gradient(180deg,#ffeea98f,#6434152e),#f0bd55}.royale-minimap-wrap{width:clamp(148px,8.8vw,178px);padding:6px;opacity:.9}.royale-minimap{display:block;width:100%;aspect-ratio:1;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:min(100%,max(0px,calc(min(100vh,56.25vw) - 110px - 2em)));height:auto;aspect-ratio:1;margin-inline:auto;background:#0f1818f0}.royale-map-caption{margin-top:8px;color:#fff3d8b8;font-size:11px;font-weight:850;text-align:center;text-transform:uppercase}.royale-hotbar{position:absolute;left:50%;bottom:clamp(10px,2vw,22px);transform:translate(-50%);display:grid;grid-template-columns:repeat(6,clamp(52px,3.8vw,66px));gap:clamp(4px,.45vw,7px);padding:clamp(5px,.45vw,7px);opacity:.88;pointer-events:none}.royale-slot{min-height:clamp(56px,4.4vw,66px);border:1px solid rgba(255,243,216,.18);background:#ffffff0b;padding:clamp(4px,.42vw,6px);display:grid;align-content:space-between;cursor:default}.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:clamp(11px,.78vw,14px);font-weight:900;line-height:1}.royale-slot-name{color:#fff6df;font-size:clamp(10px,.74vw,13px);font-weight:850;line-height:1.1}.royale-slot-meta{color:#fff3d8ad;font-size:clamp(9px,.66vw,12px)}.royale-killfeed{position:absolute;left:50%;top:clamp(56px,7.2vh,72px);width:min(520px,calc(100vw - 440px));max-height:92px;transform:translate(-50%);overflow:hidden;display:grid;gap:4px;padding:5px 8px;color:#fff3d8c2;font-size:11px;font-weight:850;line-height:1.2;text-align:center;text-transform:uppercase;background:#0c0f1780;border-color:#fff3d821;box-shadow:inset 0 0 0 1px #0000003d,0 5px 18px #0000002e}.royale-killfeed:empty{display:none}.royale-killfeed-row{display:flex;align-items:center;justify-content:center;gap:7px;min-height:18px;white-space:nowrap}.royale-feed-name{max-width:176px;overflow:hidden;text-overflow:ellipsis}.royale-feed-name-local{color:#a8f0c0}.royale-feed-name-rival{color:#ffb3a6}.royale-feed-name-zone{color:#b99cff}.royale-feed-cause{color:#fff3d894;font-size:9px;font-weight:950}.royale-personal-banner{position:absolute;left:50%;top:clamp(112px,14vh,138px);width:min(440px,calc(100% - 48px));min-height:34px;transform:translate(-50%);padding:9px 14px;color:#fff6df;font-size:14px;font-weight:950;line-height:1.15;text-align:center;text-transform:uppercase;background:#0c0f17ad;border-color:#fff3d833}.royale-personal-banner[data-tone=victory]{color:#d8ffd8;border-color:#6dd68075;box-shadow:inset 0 -2px #6dd68038,0 7px 24px #00000038}.royale-personal-banner[data-tone=danger]{color:#ffe0dc;border-color:#d6534975;box-shadow:inset 0 -2px #d653493d,0 7px 24px #00000038}.royale-action-hint{position:absolute;left:50%;bottom:clamp(92px,7.4vw,126px);transform:translate(-50%);padding:7px 12px;color:#ffe4a6;font-size:13px;font-weight:900;text-transform:uppercase}.royale-prompt{position:absolute;left:50%;bottom:clamp(132px,9.6vw,166px);transform:translate(-50%);padding:8px 12px;color:#ffe4a6;font-size:13px;font-weight:900;text-transform:uppercase}.royale-guidance{position:absolute;left:50%;top:156px;width:min(560px,calc(100% - 400px));min-height:34px;transform:translate(-50%);padding:8px 12px;color:#fff3d8e0;font-size:12px;font-weight:850;line-height:1.25;text-align:center;background:#0c0f1794}.royale-results-title,.royale-pause-title{margin:0 0 8px;color:#ffe1a0;font-size:clamp(34px,7vw,58px);line-height:1}.royale-result-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 18px}.royale-result-coaching{margin:-8px 0 18px;border:1px solid rgba(255,243,216,.16);background:#0c0f1747;padding:10px 12px;color:#fff3d8d1;font-size:13px;font-weight:800;line-height:1.3}.royale-result-stats div{border:1px solid rgba(255,243,216,.16);background:#0c0f1747;padding:8px}.royale-result-stats span,.royale-result-stats strong{display:block}.royale-result-stats span{color:#fff3d894;font-size:10px;font-weight:900;text-transform:uppercase}.royale-result-stats strong{color:#ffe1a0;font-size:13px;line-height:1.15}@media(max-width:760px){.royale-minimap-wrap{width:136px}.royale-minimap{width:100%}.royale-hotbar{grid-template-columns:repeat(6,minmax(42px,1fr));width:calc(100% - 24px)}.royale-killfeed{top:150px;width:calc(100% - 24px);max-height:58px;font-size:10px}.royale-killfeed-row{min-width:0;gap:5px}.royale-feed-name{max-width:34vw}.royale-personal-banner{top:214px;width:calc(100% - 32px);font-size:12px}.royale-tip-grid,.royale-menu-secondary-actions,.royale-result-stats{grid-template-columns:1fr}.royale-guidance{top:262px;width:calc(100% - 24px)}}@media(max-width:760px)and (max-height:420px){.royale-menu,.royale-results,.royale-pause,.royale-modal:not(.royale-settings){max-height:calc(100% - 16px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:12px}.royale-menu .royale-subtitle,.royale-menu .royale-copy,.royale-results .royale-copy,.royale-pause .royale-copy{margin:8px 0}.royale-menu-meta{gap:4px;margin-top:8px}.royale-menu-meta span{padding:4px 6px}.royale-results>.royale-actions,.royale-pause>.royale-actions{position:sticky;bottom:0;z-index:1;gap:6px;padding:6px 0;background:var(--royale-panel-strong)}.royale-menu-actions{position:static;gap:6px;padding:6px 0}.royale-menu-secondary-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.royale-menu .royale-start,.royale-results .royale-start,.royale-results .royale-secondary,.royale-pause .royale-start,.royale-pause .royale-secondary{min-height:44px}.royale-results .royale-start{grid-column:1 / -1}.royale-modal:not(.royale-settings) .royale-modal-close{position:sticky;float:right;top:0;right:auto;z-index:1;background:var(--royale-panel-strong)}.royale-modal:not(.royale-settings) .royale-panel-title{margin-bottom:8px}.royale-tip-grid{clear:both;gap:6px}.royale-tip-grid div{padding:8px}.royale-result-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:8px}.royale-result-stats div{padding:6px}.royale-result-coaching{margin:0 0 8px;padding:8px}.royale-hud{display:grid;grid-template-columns:minmax(0,1fr) max-content;grid-template-rows:min-content auto minmax(min-content,1fr) min-content auto;gap:4px;padding:6px}.royale-topbar{position:static;display:contents;grid-row:1;grid-column:1;min-height:0;top:6px;left:6px;right:6px;gap:6px}.royale-status{grid-row:1;grid-column:1;align-self:start;display:flex;flex-wrap:wrap;align-content:start;column-gap:8px;min-width:0;max-height:58px;padding:4px 6px;overflow-y:auto;pointer-events:auto}.royale-map-cluster{grid-row:1 / 4;grid-column:2;align-self:start;display:flex;align-items:start;gap:4px;flex-shrink:0;height:auto;min-height:0}.royale-minimap-wrap{width:108px;min-width:0;height:108px;flex-shrink:0;aspect-ratio:1;padding:4px}.royale-map-button{width:auto;padding-inline:6px}.royale-hotbar{position:static;grid-row:5;grid-column:1 / -1;transform:none;bottom:6px;width:100%;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:4px}.royale-slot{min-width:0}.royale-killfeed,.royale-personal-banner{width:100%;max-height:28px;min-height:0;transform:none;overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;padding:4px 6px}.royale-killfeed{position:static;grid-row:2;grid-column:1;align-self:start;top:auto;left:6px;bottom:78px;text-align:left}.royale-killfeed-row{justify-content:start}.royale-feed-name{min-width:0}.royale-guidance{position:static;grid-row:4;grid-column:1 / -1;width:100%;min-height:0;max-height:none;transform:none;overflow:visible;padding:4px 6px;inset:auto 6px 78px auto;text-align:left}.royale-personal-banner{position:static;grid-row:3;grid-column:1;justify-self:end;align-self:start;top:64px;left:6px;text-align:left}}@media(max-width:760px)and (max-height:240px){.royale-hud{grid-template-rows:min-content min-content minmax(min-content,1fr) min-content auto;gap:0;padding:1px}.royale-status,.royale-guidance,.royale-killfeed,.royale-personal-banner{padding-block:0}.royale-killfeed{max-height:20px}.royale-personal-banner{max-height:none;overflow:visible}.royale-map-button{position:relative;z-index:2}.royale-map-panel{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:4px;left:4px;top:4px;width:calc(100% - 8px);height:calc(100% - 8px);max-height:none;transform:none;padding:4px;z-index:1}.royale-map{min-width:0;min-height:0;width:auto;max-width:100%;height:100%;justify-self:center}.royale-map-caption{margin-top:0}}@media(max-width:760px)and (max-height:210px){.royale-minimap-wrap{width:94px;height:94px}}