.mobile-landscape-shell{--tcb-safe-top:env(safe-area-inset-top,0px);--tcb-safe-right:env(safe-area-inset-right,0px);--tcb-safe-bottom:env(safe-area-inset-bottom,0px);--tcb-safe-left:env(safe-area-inset-left,0px);min-height:100vh;min-height:100dvh}.mobile-game{min-width:0}.mobile-game:focus{outline:none}.rotate-screen{display:none}.mobile-display-controls{display:grid;gap:6px;justify-items:center}.mobile-fullscreen-button{min-width:150px;min-height:44px;padding:10px 14px;border-color:#93866b #27251f #27251f #93866b;border-style:solid;border-width:2px;color:#fff1c7;background:#4a483b;font:700 12px/18px Verdana,sans-serif;border-radius:0}.mobile-display-status{max-width:360px;font:11px/17px Verdana,sans-serif;color:#c5c2ad}.mobile-display-status:empty,.mobile-landscape-shell[data-display=phone-portrait]>.mobile-game{display:none}.mobile-landscape-shell[data-display=phone-portrait]>.rotate-screen{display:flex}@media (orientation:portrait) and (max-width:600px) and (pointer:coarse){.mobile-landscape-shell[data-display=unknown]>.mobile-game{display:none}.mobile-landscape-shell[data-display=unknown]>.rotate-screen{display:flex}}.rotate-screen{position:fixed;inset:0;z-index:1000;min-height:100vh;min-height:100dvh;align-items:center;justify-content:center;overflow-y:auto;overscroll-behavior:contain;padding:max(20px,var(--tcb-safe-top)) max(18px,var(--tcb-safe-right)) max(20px,var(--tcb-safe-bottom)) max(18px,var(--tcb-safe-left));background-color:#151a15;background-image:linear-gradient(#0b120bcc,#10150fef),repeating-linear-gradient(0deg,transparent 0 31px,#77745e33 31px 32px),repeating-linear-gradient(90deg,#363d2b 0 31px,#12160e 31px 32px);color:#e6e3d3;font-family:Verdana,sans-serif;text-align:center}.mobile-landscape-shell[data-temple=true] .rotate-screen{background-image:linear-gradient(#0e1711c9,#0a110deb),url(/tibia/arena-map.png);background-size:auto,480px 384px;background-position:50%;image-rendering:pixelated}.rotate-panel{width:min(100%,400px);margin-block:auto;padding:28px 20px 22px;background:#252a23f5;border-color:#8f8764 #191e17 #191e17 #8f8764;border-style:solid;border-width:3px;outline:2px solid #0b110a;box-shadow:inset 0 0 0 3px #141b12,0 0 0 5px #3f4732,8px 8px 0 #050a075e}.rotate-brand{color:#d9bc77;font:700 24px/28px Georgia,serif;letter-spacing:3px}.rotate-brand span{display:block;color:#acae96;font:10px/20px Verdana,sans-serif;letter-spacing:3px}.rotate-illustration{position:relative;width:190px;height:170px;margin:20px auto 12px}.rotate-orbit{position:absolute;inset:20px 30px;border:3px dashed #706e4c;border-radius:50%}.rotate-phone{position:absolute;top:29px;left:64px;width:62px;height:110px;border:5px solid #e0d5af;background:#262e24;box-shadow:4px 4px 0 #080e09,inset 3px 3px #758167;animation:rotate-device 3.6s steps(8) infinite}.rotate-phone i{position:absolute;inset:9px 4px 17px;border:2px solid #1b251b;background:repeating-linear-gradient(0deg,#48553c 0 14px,#647354 14px 16px)}.rotate-phone b{position:absolute;bottom:4px;left:21px;width:10px;height:5px;background:#c9b67d}.rotate-arrow{position:absolute;right:3px;top:9px;color:#e6c47c;font:700 48px/48px monospace;text-shadow:3px 3px #080d08}.rotate-panel h1{margin:0 auto 14px;max-width:280px;color:#f1ddb0;font:700 25px/34px Verdana,sans-serif;text-shadow:2px 2px #10170d}.rotate-panel h1:focus{outline:none}.rotate-description{font-size:13px;line-height:21px}.rotate-note{margin:8px auto 20px;max-width:285px;color:#aeb59e;font-size:11px;line-height:18px}.rotate-divider{display:block;margin-top:18px;color:#9b8f5d;font-size:12px;letter-spacing:4px}@keyframes rotate-device{0%,15%,to{transform:rotate(0)}60%,85%{transform:rotate(-90deg)}}@media (prefers-reduced-motion:reduce){.rotate-phone{animation:none;transform:rotate(-90deg)}}.mobile-landscape-shell[data-display^=phone-] .gdd-in-battle{padding:max(12px,var(--tcb-safe-top)) max(12px,var(--tcb-safe-right)) max(12px,var(--tcb-safe-bottom)) max(12px,var(--tcb-safe-left))}.mobile-landscape-shell[data-display^=phone-] .tb-art.gdd-in-battle{padding:max(3px,var(--tcb-safe-top)) max(3px,var(--tcb-safe-right)) max(3px,var(--tcb-safe-bottom)) max(3px,var(--tcb-safe-left))}.mobile-landscape-shell[data-display^=phone-] .app-shell,.mobile-landscape-shell[data-display^=phone-] .gdd-lobby,.mobile-landscape-shell[data-display^=phone-] .gdd-lobby-header{padding-left:max(12px,var(--tcb-safe-left));padding-right:max(12px,var(--tcb-safe-right));padding-bottom:max(12px,var(--tcb-safe-bottom))}.mobile-landscape-shell[data-display^=phone-] .app-shell,.mobile-landscape-shell[data-display^=phone-] .gdd-lobby-header{padding-top:max(3px,var(--tcb-safe-top))}.mobile-landscape-shell[data-display^=phone-] .modal-backdrop{padding:max(12px,var(--tcb-safe-top)) max(12px,var(--tcb-safe-right)) max(12px,var(--tcb-safe-bottom)) max(12px,var(--tcb-safe-left))}.mobile-landscape-shell[data-display^=phone-] .gdd-dialog{max-height:calc(100dvh - var(--tcb-safe-top) - var(--tcb-safe-bottom) - 24px)}@media (orientation:landscape) and (max-height:390px){.mobile-landscape-shell[data-display^=phone-] .tb-art{--map-crop:64px}.mobile-landscape-shell[data-display^=phone-] .tb-map-window{max-height:100%;align-self:start}}@media (max-height:640px) and (orientation:portrait){.rotate-panel{padding-block:18px}.rotate-illustration{height:135px;margin-block:8px}.rotate-phone{top:12px}.rotate-panel h1{font-size:22px;line-height:29px}}@media (orientation:landscape) and (max-width:900px){.mobile-landscape-shell[data-display^=phone-] .tb-art{--map-view-width:352px}}@media (orientation:landscape) and (max-width:700px){.mobile-landscape-shell[data-display^=phone-] .tb-art .gdd-controls{grid-template-columns:44px 44px minmax(44px,1fr) minmax(44px,1fr)}.mobile-landscape-shell[data-display^=phone-] .gdd-ability-name,.mobile-landscape-shell[data-display^=phone-] .gdd-ability-state,.mobile-landscape-shell[data-display^=phone-] .gdd-end-label{display:none}.mobile-landscape-shell[data-display^=phone-] .gdd-ability-short,.mobile-landscape-shell[data-display^=phone-] .gdd-end-short{display:block;font-size:10px;line-height:12px}}@media (orientation:landscape) and (max-height:383px){.mobile-landscape-shell[data-display^=phone-] .tb-art .hand-cards{grid-auto-rows:112px}.mobile-landscape-shell[data-display^=phone-] .tb-art .hand-cards .game-card{height:112px;min-height:112px}.mobile-landscape-shell[data-display^=phone-] .tb-art .hand-cards .card-art{height:56px}.mobile-landscape-shell[data-display^=phone-] .tb-art .hand-cards .card-name{height:24px;font-size:11px;line-height:12px}}@media (orientation:landscape) and (max-height:350px){.mobile-landscape-shell[data-display^=phone-] .tb-art .gdd-row-wrap{height:56px}.mobile-landscape-shell[data-display^=phone-] .tb-art .gdd-row>*{height:56px;min-height:56px}.mobile-landscape-shell[data-display^=phone-] .tb-art [data-side=enemy][data-row=BACK]{top:104px}.mobile-landscape-shell[data-display^=phone-] .tb-art [data-side=enemy][data-row=FRONT]{top:160px}.mobile-landscape-shell[data-display^=phone-] .tb-art [data-side=self][data-row=FRONT]{top:248px}.mobile-landscape-shell[data-display^=phone-] .tb-art [data-side=self][data-row=BACK]{top:304px}.mobile-landscape-shell[data-display^=phone-] .tb-art .gdd-combat-line{top:224px}}@media (orientation:landscape) and (max-height:320px){.mobile-landscape-shell[data-display^=phone-] .tb-art .gdd-row-wrap{height:48px}.mobile-landscape-shell[data-display^=phone-] .tb-art .gdd-row>*{height:48px;min-height:48px}.mobile-landscape-shell[data-display^=phone-] .tb-art [data-side=enemy][data-row=FRONT]{top:152px}.mobile-landscape-shell[data-display^=phone-] .tb-art [data-side=self][data-row=FRONT]{top:232px}.mobile-landscape-shell[data-display^=phone-] .tb-art [data-side=self][data-row=BACK]{top:280px}.mobile-landscape-shell[data-display^=phone-] .tb-art .gdd-combat-line{top:208px}.mobile-landscape-shell[data-display^=phone-] .tb-art .hand-cards{grid-auto-rows:100px}.mobile-landscape-shell[data-display^=phone-] .tb-art .hand-cards .game-card{height:100px;min-height:100px}.mobile-landscape-shell[data-display^=phone-] .tb-art .hand-cards .card-art{height:48px}.mobile-landscape-shell[data-display^=phone-] .tb-art .hand-cards .tb-card-type{font-size:9px;line-height:10px}.mobile-landscape-shell[data-display^=phone-] .tb-art .gdd-hand-bar{height:14px;min-height:14px;line-height:14px}}