@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:100%;aspect-ratio:1;max-height:calc(100vh - 116px);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)}}