html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#bddde9;font-family:Arial,sans-serif}#illustrated-arena{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}#layaContainer{position:relative;z-index:2}#game-hud{position:fixed;inset:0;z-index:3;pointer-events:none}#loading{position:fixed;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e7f3f2;color:#28574f;font-size:24px;font-weight:bold}#loading span{font-size:13px;margin-top:16px;font-weight:normal}#loading[hidden],#notice[hidden],[hidden]{display:none!important}#notice{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#274f60;color:white;padding:13px 20px;border-radius:12px;z-index:20;font-size:13px;max-width:85vw;text-align:center}
#arena-minimap{position:absolute;left:max(10px,env(safe-area-inset-left));top:var(--map-top,12px);width:var(--map-size,116px);padding:8px;background:linear-gradient(155deg,#fffdf0f5,#dfefe0ed);border:1px solid #ffffffaa;border-radius:28px;box-shadow:0 5px 14px #38647426,inset 0 3px 10px #ffffffdd;font-family:'Trebuchet MS',Arial,sans-serif}#arena-minimap>strong{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.03em;color:#4d7c73;margin:0 3px 6px}#map-count{min-width:16px;padding:2px 5px;border-radius:10px;background:#9ccdb7;color:#fff9df;text-align:center}#arena-minimap canvas{display:block;width:100%;height:auto;border-radius:20px;background:#cae3dc;box-shadow:0 2px 6px #6eaa9822}#arena-minimap>div{display:flex;align-items:center;justify-content:space-between;gap:2px;font-size:8px;margin:6px 2px 1px;color:#4d746c}#arena-minimap i{width:6px;height:6px;border-radius:50%;display:inline-block;box-shadow:0 0 0 1px #ffffffbb}.map-you{background:#087f87}.map-small{background:#dc9828}.map-big{background:#d85768}
#arena-minimap>div{font-size:clamp(6px,calc(var(--map-size,116px)/16),9px)}#arena-minimap>div>span{display:inline-flex;align-items:center;gap:2px;white-space:nowrap}
#arena-minimap{background:linear-gradient(155deg,#fbf7e9,#d9e9e2);border-color:#79a99e;box-shadow:0 5px 14px #163b4b40,inset 0 2px 5px #ffffff99}#arena-minimap>strong{color:#173f49}#map-count{background:#285f6b;color:#fff3d4}#arena-minimap>div{color:#173f49}
.dragon-transition #layaContainer,.dragon-transition #game-hud{visibility:hidden;pointer-events:none}
#loading{z-index:10;background:radial-gradient(ellipse at 50% 38%,#eaf4e7 0%,#b8deda 48%,#619cac 100%);color:#173f49;text-align:center;padding:24px;box-sizing:border-box;gap:8px;letter-spacing:.025em}
#loading::before{content:'✦';display:grid;place-items:center;width:76px;height:76px;margin-bottom:12px;border-radius:50%;background:#fff6de;color:#b28738;font-size:42px;box-shadow:0 7px 24px #285f6b2b}
#loading span{color:#285763;max-width:300px;line-height:1.5}
#dragon-mode-picker{position:fixed;z-index:4;left:50%;top:52.5%;transform:translateX(-50%);display:grid;grid-template-columns:1fr 1fr;gap:5px;width:min(88vw,390px);font-family:'Trebuchet MS',Arial,sans-serif;color:#173f49;text-align:center}
#dragon-mode-picker button{font:700 clamp(10px,1.65vh,15px) 'Trebuchet MS',Arial,sans-serif;padding:clamp(4px,.7vh,8px) 9px;border:1px solid #397d79;border-radius:30px;background:#f6f2dff5;color:#173f49;cursor:pointer;box-shadow:0 3px 0 #23566628}
#dragon-mode-picker button[aria-pressed=true]{background:#246570;color:#fff6dc;border-color:#fff4d4}
#dragon-mode-picker small{grid-column:1/-1;font-size:clamp(8px,1.1vh,11px);font-weight:700;text-shadow:0 1px 2px #fff}
#dragon-run-controls{position:fixed;inset:0;z-index:4;pointer-events:none;font-family:'Trebuchet MS',Arial,sans-serif;color:#fff4d4}
#dragon-run-controls button{pointer-events:auto;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent;touch-action:none}
.dragon-run-info{position:absolute;left:50%;top:max(12px,env(safe-area-inset-top));transform:translateX(-50%);text-align:center;padding:9px 17px;border:1px solid #b4dccb;border-radius:24px;background:#205763ed;box-shadow:0 4px 0 #153b4d26;max-width:34vw}
.dragon-run-info>strong{display:block;font-size:clamp(20px,3.5vh,32px);line-height:1.1}
.dragon-run-info>span{display:block;font-size:10px;white-space:nowrap;margin:4px 0}
#dragon-bank{background:transparent;color:#d0efdf;border:0;border-top:1px solid #a4cfc34d;padding:6px 2px 0;font-size:10px;min-height:24px}
#dragon-sprint{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));width:clamp(85px,13vh,128px);height:clamp(85px,13vh,128px);border-radius:50%;border:2px solid #fff4d4;background:radial-gradient(circle at 40% 20%,#ffe7a4,#dca249);color:#513b20;box-shadow:0 5px 0 #73583155,0 0 0 6px #fbe9b731;display:flex;flex-direction:column;align-items:center;justify-content:center;user-select:none}
#dragon-sprint strong{font-size:38px;line-height:.8}#dragon-sprint span{font-size:10px;font-weight:bold;margin-top:6px}#dragon-sprint small{font-size:9px;margin-top:3px}
#dragon-sprint.active{transform:scale(.94);background:#f7d579;box-shadow:0 2px 0 #73583155,0 0 20px #ffdf8c}
#dragon-sprint:disabled{opacity:.6;cursor:default}
#dragon-buffs{position:absolute;left:50%;top:max(124px,17vh);transform:translateX(-50%);max-width:42vw;padding:5px 10px;border-radius:16px;background:#205763ed;font-size:11px;line-height:1.6;text-align:center}#dragon-buffs:empty{display:none}
.dragon-transition #dragon-mode-picker,.dragon-transition #dragon-run-controls{visibility:hidden}
@media(max-width:540px){.dragon-run-info{padding:7px 10px;max-width:30vw}.dragon-run-info>span{font-size:8px}#dragon-bank{font-size:9px}#dragon-buffs{top:125px;font-size:9px;max-width:32vw}#dragon-mode-picker{width:70vw}}
@media(max-height:560px){.dragon-run-info{padding:5px 12px}.dragon-run-info>strong{font-size:19px}#dragon-buffs{top:90px}#dragon-mode-picker{top:52%;width:min(65vw,360px)}}
@media(hover:hover) and (pointer:fine){#dragon-sprint{display:none}}
#dragon-live-ranking{position:absolute;right:max(10px,env(safe-area-inset-right));top:18%;width:clamp(138px,21vw,250px);font-size:clamp(10px,1.65vh,14px);color:#fff7df}
#dragon-live-ranking header{padding:4px 11px 7px;text-align:right;color:#173f49;font-size:10px;font-weight:bold;letter-spacing:.1em;text-shadow:0 1px 3px #fff}
#dragon-live-ranking ol{list-style:none;display:grid;gap:3px;padding:0;margin:0}
#dragon-live-ranking li{display:grid;grid-template-columns:23px 1fr 44px;align-items:center;gap:4px;min-height:clamp(21px,3.1vh,32px);padding:2px 8px;background:transparent;border:0;box-shadow:none;color:#fff9e8;text-shadow:-1px -1px 1px #173f49,1px -1px 1px #173f49,-1px 1px 1px #173f49,1px 1px 1px #173f49,0 2px 3px #173f49}
#dragon-live-ranking .you{background:transparent;color:#bcffe8}
#dragon-live-ranking .king{background:transparent;color:#ffe097;min-height:clamp(30px,4.4vh,44px)}
#dragon-live-ranking .rank-index{text-align:center;font-weight:bold}#dragon-live-ranking svg{width:23px;height:20px;display:block}
#dragon-live-ranking .rank-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold}#dragon-live-ranking small{display:block;font-size:8px;letter-spacing:.08em;margin-bottom:2px}
#dragon-live-ranking strong{text-align:right;font-size:inherit}
.dragon-own-rank{background:transparent;border:0;margin-top:7px;padding:7px 10px;text-align:center;font-weight:bold;color:#bcffe8;text-shadow:-1px -1px 1px #173f49,1px -1px 1px #173f49,-1px 1px 1px #173f49,1px 1px 1px #173f49,0 2px 3px #173f49}
@media(max-width:540px){#dragon-live-ranking{width:138px;right:7px;font-size:10px}#dragon-live-ranking li{grid-template-columns:19px 1fr 32px;gap:3px;padding:2px 6px}#dragon-live-ranking svg{width:19px}}
#dragon-infinity-guide{position:fixed;z-index:3;left:50%;top:67%;transform:translateX(-50%);width:min(86vw,550px);border-radius:clamp(24px,4vh,38px);background:linear-gradient(155deg,#fffdf2,#eef5e7);border:clamp(3px,.5vh,5px) solid #f8fbee;box-shadow:0 5px 0 #91b3a999,0 10px 0 #3968741a,inset 0 2px 2px #fff;color:#173f49;padding:clamp(9px,1.4vh,15px);box-sizing:border-box;text-align:center;pointer-events:none;font-family:'Trebuchet MS',Arial,sans-serif}
#dragon-infinity-guide>header{background:linear-gradient(135deg,#dcefd9,#d3e9dd);border-radius:28px;padding:clamp(8px,1.2vh,13px) 10px;box-shadow:inset 0 1px 1px #ffffff9c}
#dragon-infinity-guide strong{display:block;font-size:clamp(13px,2vh,20px);line-height:1.25}
#dragon-infinity-guide p{font-size:clamp(10px,1.3vh,13px);line-height:1.4;color:#3d6665;margin:5px 0 0}
#dragon-infinity-guide .dragon-guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(5px,1vw,12px);padding:clamp(8px,1.5vh,16px) 0 3px;font-size:clamp(10px,1.45vh,14px)}
#dragon-infinity-guide .dragon-guide-steps>span{min-width:0}
#dragon-infinity-guide .dragon-guide-icon{display:grid;place-items:center;width:clamp(44px,7.3vh,74px);height:clamp(44px,7.3vh,74px);margin:0 auto 6px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#edf6df,#dcebd3);box-shadow:inset 0 2px 3px #ffffffb3}
#dragon-infinity-guide svg,#dragon-infinity-guide .dragon-guide-icon img{display:block;object-fit:contain;width:92%;height:92%;overflow:hidden;filter:drop-shadow(0 2px 1px #47726618)}
#dragon-infinity-guide .dragon-guide-steps b{display:block;line-height:1.25}
@media(max-height:560px){#dragon-infinity-guide{top:66%;padding:7px;width:min(74vw,480px)}#dragon-infinity-guide>header{padding:6px}#dragon-infinity-guide p{margin-top:3px}#dragon-infinity-guide .dragon-guide-steps{padding-top:6px}#dragon-infinity-guide .dragon-guide-icon{width:34px;height:34px;margin-bottom:3px}#dragon-infinity-guide strong{font-size:12px}#dragon-infinity-guide p,#dragon-infinity-guide .dragon-guide-steps{font-size:9px}}
.dragon-transition #dragon-infinity-guide{visibility:hidden}
.dragon-mouse-controls #dragon-sprint{display:none}
#dragon-live-ranking .rank-index .sky-king-crown{display:block;width:29px;height:29px;max-width:none;object-fit:contain;filter:drop-shadow(0 2px 1px #7b512344)}