:root{color-scheme:dark;--bg:#071125;--cyan:#25e5fb;--pink:#f82fc8;--lilac:#a678ff;--gold:#ffca45;--font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent} html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050917;color:#f4f8ff;font-family:var(--font);overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;border:0;color:inherit;outline-offset:4px}button:focus-visible{outline:2px solid var(--cyan)}button:active{filter:brightness(1.25);transform:translateY(1px)}#stage{position:absolute;top:0;left:0;width:1440px;height:720px;overflow:hidden;transform-origin:top left;background:#070f23}#stage:after{content:'';pointer-events:none;position:absolute;inset:0;border:1px solid #21436a75;z-index:999}.screen{position:absolute;inset:0;display:none;overflow:hidden}.screen.active{display:block}.screen::before{content:'';pointer-events:none;position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#060d20e8 0%,#0a1239a0 66%,#0d1531df),url('assets/background.webp') center/cover no-repeat}.screen>*{position:relative;z-index:1}
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;font-weight:900;letter-spacing:1.05px;font-size:15px;border-radius:11px;padding:16px 23px;white-space:nowrap;transition:filter .14s,transform .1s;min-height:55px}.btn.primary{background:linear-gradient(109deg,#52efff 0%,#16bfea 68%,#186bad);color:#032136;box-shadow:0 8px 38px #04e7ff22,inset 0 1px #ffffff80}.btn.secondary{background:#162745ed;color:#e2faff;border:1px solid #3b658a}.btn.ghost{background:transparent;border:1px solid #364d71;color:#bed1e9}.btn.huge{height:67px;font-size:16px;padding:16px 24px}.btn.wide{width:100%}.btn .arrow,.btn>span:last-child{font-size:22px}.btn-symbol{font-size:19px}.back-button{border:1px solid #2c5375;background:#101f37bd;color:#cde7f9;padding:13px 18px;border-radius:9px;font-size:13px;font-weight:800;letter-spacing:.8px}
#home:before{background:linear-gradient(94deg,#070b1de8 0%,#08102be5 37%,#09132cb0 64%,#111328a6 100%),url('assets/background.webp') center/cover no-repeat}#home .home-grid{position:absolute;inset:0;background:linear-gradient(transparent 97%,#15e2fa16 98%),linear-gradient(90deg,transparent 97%,#15e2fa12 98%);background-size:67px 67px;transform:perspective(450px) rotateX(17deg) scale(1.28);opacity:.43}.home-promo{position:absolute;left:56%;top:8%;width:480px;height:620px;opacity:.20;filter:blur(17px);background:url('assets/promo.webp') center/cover}.home-inner{position:absolute;left:75px;top:76px;width:715px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#98bad7;letter-spacing:3px;font-weight:800;font-size:12px}.pulse-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#0ce7ec;box-shadow:0 0 15px #06f2fb}.version{color:#68dfee;border:1px solid #43adbf67;padding:4px 8px;margin-left:10px;border-radius:5px;letter-spacing:.5px}.brand{font-weight:1000;font-style:italic;font-stretch:condensed;letter-spacing:-8px;line-height:1;margin-top:25px;font-size:105px;color:#fff;text-shadow:0 0 23px #4af3ff44,4px 7px #026798}.brand>span:first-child{color:#c9fcff}.brand-slash{font-size:32px;vertical-align:top;color:#3df1ff;text-shadow:none;letter-spacing:-7px;margin-left:10px}#home h1{font-size:32px;line-height:1.18;letter-spacing:1.8px;font-weight:950;margin:18px 0 18px}#home h1 em{font-style:normal;color:var(--cyan)}.intro{width:615px;line-height:1.63;font-size:16px;color:#9fb4d0;margin:0 0 29px}.home-actions{display:flex;gap:12px}.home-actions .primary{width:273px}.home-actions .secondary{width:235px}.home-features{display:flex;gap:39px;margin-top:40px;padding-top:17px;border-top:1px solid #3475976b}.home-features>div{display:flex;flex-direction:column;gap:4px}.home-features strong{font-size:24px;font-weight:950;color:#f6fdff}.home-features strong small{font-size:13px;color:var(--cyan)}.home-features span{font-size:10px;letter-spacing:1px;font-weight:850;color:#8ca7c8}.home-hero{position:absolute;right:130px;bottom:-83px;height:761px;max-width:none;object-fit:contain;filter:drop-shadow(-2px 0 24px #00bcd47f)}.hero-halo{position:absolute;width:530px;height:540px;right:145px;top:160px;transform:rotate(15deg);border-radius:50%;box-shadow:0 0 150px #05b9e743;background:radial-gradient(circle,#22b4fa26,transparent 66%)}.hero-description{position:absolute;right:28px;top:226px;display:flex;flex-direction:column;gap:6px;writing-mode:vertical-rl;transform:rotate(180deg);color:#a3d9fb}.hero-description>span{font-size:12px;letter-spacing:4px}.hero-description>b{font-size:35px;color:#fff;letter-spacing:2px}.hero-description small{font-size:10px;letter-spacing:2px}.bottom-nav{position:absolute;inset:auto 0 0 0;height:53px;display:flex;align-items:center;padding:0 50px;gap:20px;border-top:1px solid #337ba967;background:#080f27ee}.bottom-nav button{background:transparent;color:#b8ccdf;font-size:11px;font-weight:850;letter-spacing:1.6px;padding:12px}.bottom-nav button:hover{color:#40eaf4}.bottom-nav span{margin-left:auto;font-size:11px;letter-spacing:1.4px;color:#5d9aa4}
.sub-screen{padding:30px 42px;background:#080f24}.sub-screen:before{background:linear-gradient(113deg,#0a1024ee,#091a32e0 70%,#070d25ee),url('assets/background.webp') center/cover}.sub-header{display:flex;align-items:center;gap:30px;height:86px;position:relative;z-index:1;border-bottom:1px solid #26517570;padding-bottom:19px}.sub-header .back-button{width:155px}.sub-title span{color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:2.3px}.sub-title h2{font-size:32px;letter-spacing:-.4px;font-weight:950;margin:4px 0 0}.top-tag{margin-left:auto;font-size:12px;font-weight:850;color:#88a8c9;letter-spacing:1.7px}.operator-layout{display:flex;gap:24px;padding-top:21px}.operator-grid{width:930px;height:541px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:12px}.operator-card{position:relative;display:flex;align-items:flex-end;justify-content:flex-start;text-align:left;border:1px solid #315176;border-radius:10px;background:#11233e;overflow:hidden;isolation:isolate;padding:0}.operator-card:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#05101ff2 2%,#0b152b13 57%),var(--picture) center top/cover no-repeat;z-index:-1;transition:transform .2s}.operator-card:hover:before,.operator-card.selected:before{transform:scale(1.04)}.operator-card:after{position:absolute;content:'';inset:0;border:2px solid transparent;pointer-events:none}.operator-card.selected:after{border-color:var(--cyan);box-shadow:inset 0 0 24px #1addfa50}.operator-card.selected{border-color:var(--cyan)}.operator-card .op-number{position:absolute;top:10px;left:14px;color:#aad4f5;font-weight:900;font-size:10px;letter-spacing:1.5px;text-shadow:0 2px #020c1e}.operator-card .op-card-text{padding:14px 17px}.operator-card .op-card-text strong{display:block;font-size:26px;letter-spacing:1px}.operator-card .op-card-text small{font-weight:800;font-size:12px;letter-spacing:1px;color:#8cb1ca}.detail-pane{width:403px;border:1px solid #28547c;border-radius:12px;background:linear-gradient(150deg,#0c2444ed,#071329f2);padding:26px;position:relative;box-shadow:0 17px 40px #0004}.pane-line{color:#6fa5be;font-size:12px;letter-spacing:1.5px;font-weight:750;border-bottom:1px solid #2c5077;padding-bottom:18px;margin-bottom:24px}.role-label{color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:1.4px}.detail-pane h2{font-size:55px;letter-spacing:-2px;line-height:1;margin:7px 0 8px}.detail-pane p{color:#abc0d5;line-height:1.5;font-size:14px}.power-heading{font-size:11px;color:#5e90b3;font-weight:950;letter-spacing:2px;margin-top:32px}.power-icon{display:flex;align-items:center;justify-content:center;width:66px;height:66px;margin-top:15px;background:#0c4b71;border:1px solid #38dcff;border-radius:14px;font-size:39px;color:#4feaff;box-shadow:0 0 20px #00e1ff28}.detail-pane h3{font-weight:900;font-size:18px;letter-spacing:1px;margin:13px 0 0}.detail-pane .power-desc{font-size:13px;color:#8db3cf}.pane-bottom{position:absolute;bottom:22px;left:23px;right:23px}
.arena-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px;margin-top:35px}.arena-card{border-radius:12px;border:1px solid #366189;overflow:hidden;text-align:left;background:linear-gradient(#192b4e,#0d1931);padding:0;display:flex;flex-direction:column;height:382px;position:relative}.arena-card.selected{border-color:var(--cyan);box-shadow:0 0 0 2px #23dff8a1,0 0 45px #0ee4ff19}.arena-card img{display:block;height:278px;width:100%;object-fit:cover;object-position:center center}.arena-card::after{position:absolute;top:0;left:0;right:0;height:278px;content:'';pointer-events:none;background:linear-gradient(0deg,#0a142e,transparent 36%)}.arena-card-info{padding:14px 16px}.arena-card-info b{display:block;font-size:17px;font-weight:950}.arena-card-info span{display:block;font-size:12px;line-height:2;color:#8fb4cc}.arena-footer{display:flex;justify-content:space-between;align-items:center;margin-top:35px;background:#0d1b35;border:1px solid #34526b;border-radius:12px;padding:20px 25px}.arena-footer>div{display:flex;flex-direction:column;gap:6px}.tiny-label{font-size:10px;font-weight:950;letter-spacing:1.5px;color:var(--cyan)}.arena-footer b{font-size:19px}.arena-footer small{color:#8ca8c3;font-size:12px}.arena-footer>.btn{width:310px}
.tutorial-grid{display:grid;grid-template-columns:52% 1fr;gap:50px;padding-top:31px}.tutorial-visual{height:526px;background:radial-gradient(ellipse at center,#102e54,#081325 70%);border:1px solid #2f5477;border-radius:18px;display:flex;flex-direction:column;justify-content:center;align-items:center}.tutorial-map{position:relative;width:430px;height:430px;transform:rotate(-10deg);border:10px solid #3a5076;border-radius:19px;box-shadow:inset 0 0 55px #09d5ff3b,0 25px 70px #0008;background:linear-gradient(90deg,transparent 39%,#3bd9ed90 40%,#49cceb90 60%,transparent 61%),linear-gradient(0deg,transparent 39%,#3bd9ed7f 40%,#3bd9ed7f 60%,transparent 61%),repeating-linear-gradient(90deg,transparent 0 19.7%,#1d5a7f 19.8% 20%),repeating-linear-gradient(0deg,#192947 0 19.7%,#1d5a7f 19.8% 20%)}.tutorial-tile{position:absolute;width:40%;height:40%;border:4px solid #bf58f1;border-radius:12px;display:flex;justify-content:center;align-items:center;font-size:85px;color:#c65cff;background:#892aff12;box-shadow:inset 0 0 28px #ce37f729}.tutorial-tile.top-left{left:0;top:0}.tutorial-tile.top-right{right:0;top:0}.tutorial-tile.bottom-left{left:0;bottom:0}.tutorial-tile.bottom-right{right:0;bottom:0}.tutorial-core{position:absolute;top:42%;left:43%;color:#ffd94e;font-size:55px;z-index:5;text-shadow:0 0 30px #ffba10}.side-a,.side-b{position:absolute;font-size:12px;letter-spacing:1.5px;font-weight:900}.side-a{bottom:-34px;left:-10px;color:#36d5ee}.side-b{top:-34px;right:-17px;color:#ff48cb}.tutorial-note{font-size:11px;letter-spacing:1px;font-weight:800;color:#94b7d7;margin-top:19px}.tutorial-copy{padding:0 22px 0 0}.lesson{display:flex;gap:17px;border-bottom:1px solid #253d61;padding:9px 0 14px;margin-bottom:13px}.lesson>b{font-size:27px;color:var(--cyan);font-weight:950}.lesson strong{font-weight:950;letter-spacing:1px;font-size:15px}.lesson p{font-size:13px;line-height:1.4;color:#a3bad1;margin:5px 0 0}.tutorial-bottom{font-size:11px;letter-spacing:1.5px;color:#ceadff;font-weight:900;margin:10px 0 13px}
.settings-shell{display:flex;gap:42px;margin:36px 54px}.settings-panel{width:600px;background:#0b1930e8;border:1px solid #274c6e;border-radius:15px;padding:23px 30px}.settings-panel h3{font-size:14px;letter-spacing:1.6px;color:var(--cyan);margin:8px 0 17px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #264768}.setting-row div{display:flex;flex-direction:column;gap:4px}.setting-row b{font-size:14px;letter-spacing:1px}.setting-row span{font-size:12px;color:#829dbb}.toggle{border:1px solid #2bb4c9;padding:11px 15px;min-width:130px;border-radius:8px;background:#13505b;color:#43eff4;font-size:11px;font-weight:900;letter-spacing:1px}.toggle.off{border-color:#45516a;background:#252f43;color:#a2a9b8}.setting-info{font-size:12px;line-height:1.55;color:#b1c2d6}.settings-foot{font-size:11px;color:#668ba8;border-top:1px solid #314d6b;margin-top:25px;padding-top:15px;line-height:1.5}.settings-preview{height:500px;flex:1;position:relative;overflow:hidden;border-radius:14px;border:1px solid #36628a;background:#070f23}.settings-preview img{position:absolute;right:0;top:0;width:100%;height:100%;object-fit:cover;opacity:.38}.settings-preview>div,.settings-preview h3,.settings-preview p{position:relative;z-index:3;margin-left:30px}.settings-preview>div{margin-top:30px;font-weight:900;letter-spacing:2px}.settings-preview>div span{font-size:10px;color:#38d9e8}.settings-preview h3{margin-top:260px;font-size:30px;width:260px}.settings-preview p{font-size:14px;color:#addce6}
#match{background:#071322}#match::before{display:none}#gameCanvas{position:absolute;width:1440px;height:720px;z-index:0;display:block;touch-action:none}.match-ui{position:absolute;inset:0;z-index:2;pointer-events:none}.match-ui button,.joystick-wrap{pointer-events:auto}.top-left{position:absolute;top:24px;left:25px;display:flex;align-items:center;gap:12px}.pause-small{width:52px;height:52px;border:1px solid #4a8399;background:#0b2747dd;border-radius:12px;font-size:24px;color:#b6f9ff}.match-map-label{display:flex;flex-direction:column;gap:3px;letter-spacing:1.1px;font-size:12px;font-weight:850}.match-map-label span{color:#fafcff}.match-map-label strong{color:#59d4ed;font-size:10px}.scoreboard{position:absolute;top:16px;left:50%;transform:translateX(-50%);display:flex;gap:17px;justify-content:center;align-items:center;width:515px;height:78px;background:linear-gradient(90deg,#07263d,#121a35 50%,#3d123a);border:1px solid #477496;border-radius:15px;box-shadow:0 8px 32px #0008}.scoreboard>b{font-size:42px;min-width:26px;text-align:center;line-height:1}.scoreboard>b:nth-of-type(1){color:var(--cyan)}.scoreboard>b:nth-of-type(2){color:#fc48c9}.team{font-size:12px;font-weight:1000;letter-spacing:1px}.t-cyan{color:#4ceafb}.t-pink{color:#fa68dd}.time-block{min-width:111px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:1px 5px;border-left:1px solid #46668f;border-right:1px solid #46668f}.time-block strong{font-size:25px;font-variant-numeric:tabular-nums}.time-block span{font-size:8px;color:#809fbd;letter-spacing:.7px;font-weight:950}.top-right{position:absolute;right:33px;top:25px;text-align:right;width:219px;padding:8px 12px 10px;background:#061626c9;border:1px solid #204563;border-radius:10px}.charge-heading{color:#aacde2;font-size:10px;font-weight:850;letter-spacing:.5px;display:flex;justify-content:space-between}.charge-heading span{color:var(--cyan)}.charge-bars{display:flex;gap:5px;justify-content:flex-end;margin-top:9px}.charge-bars i{height:8px;width:78px;border-radius:5px;background:#1d4866;border:1px solid #396481}.charge-bars i.full{background:linear-gradient(90deg,#19bbf9,#7deafa);box-shadow:0 0 14px #14dffb88}.charge-next{font-size:9px;font-weight:750;color:#759bac;margin-top:5px}.match-info{position:absolute;top:114px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:1.35px;color:#97dce7;text-shadow:0 2px 6px #000;padding:8px 15px;border-radius:30px;background:#081e31c9;border:1px solid #316b7c}.announcement{position:absolute;left:50%;top:172px;transform:translateX(-50%);font-size:32px;font-weight:1000;white-space:nowrap;color:white;letter-spacing:3px;text-shadow:0 0 20px #32e9fc,0 4px 10px #000;opacity:0;transition:opacity .12s}.announcement.show{opacity:1}.toast{position:absolute;left:50%;bottom:128px;transform:translateX(-50%);min-width:200px;text-align:center;color:#baf9fa;background:#0b3150df;border:1px solid #21c6edb0;border-radius:7px;padding:8px 17px;letter-spacing:1.1px;font-size:12px;font-weight:850;opacity:0;transition:opacity .15s}.toast.show{opacity:1}.left-controls{position:absolute;bottom:48px;left:45px;width:215px;display:flex;flex-direction:column;align-items:center}.joystick-wrap{position:relative;width:174px;height:174px;touch-action:none;border-radius:100%;background:radial-gradient(circle,#19486e6b,#091c39a8 60%,#0f47646b);border:2px solid #3c8dac9c;box-shadow:inset 0 0 32px #2183aa2c,0 0 45px #04deff15}.joystick-ring{position:absolute;inset:26px;border:2px dotted #b9d3eb55;border-radius:100%}.joystick-knob{position:absolute;top:55px;left:55px;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 25% 20%,#c3feff,#25bdda 70%,#036a91);box-shadow:0 0 20px #0ff2ff88,0 0 0 6px #20bad02b;transform:translate(0,0);pointer-events:none}.move-label{font-size:10px;letter-spacing:3px;font-weight:900;color:#83b9d0;margin-top:9px}.action-controls{position:absolute;right:43px;bottom:29px;width:290px;height:252px}.action{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0c244acb;border:2px solid #458cbb;border-radius:50%;height:83px;width:83px;box-shadow:inset 0 0 28px #0bd6f524,0 4px 17px #0009;overflow:hidden;padding:0}.action .action-glyph{font-size:33px;z-index:2;font-weight:950;line-height:1;text-shadow:0 0 13px #48e6f8}.action small{font-size:9px;letter-spacing:.4px;font-weight:950;margin-top:6px;z-index:2}.action.skill{left:48px;top:4px;border-color:#a773ff;color:#d9b8ff}.action.dash{right:31px;top:21px;color:#3aeafc}.action.pass{left:0;bottom:8px;color:#f1f9ff;border-color:#9baccc}.action.fold{right:7px;bottom:0;height:119px;width:119px;background:radial-gradient(circle at 25% 10%,#582a8f,#20194fcf 76%);color:#f5c7ff;border-color:#d16bff;box-shadow:0 0 28px #b945f544,inset 0 0 25px #7e29be80}.action.fold .action-glyph{font-size:56px}.action.disabled{filter:grayscale(.9);opacity:.61}.cd-mask{position:absolute;inset:0;z-index:1;background:#060a16a9;clip-path:inset(0 0 0 0);pointer-events:none}.bottom-status{position:absolute;left:285px;bottom:18px;min-width:610px;display:flex;align-items:center;gap:24px;background:#08152ecb;border:1px solid #244968a8;padding:10px 16px;border-radius:12px;height:69px}.player-indicator{display:flex;align-items:center;gap:11px}.mini-avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:11px;background:#0f526d;color:var(--cyan);font-size:25px;font-weight:1000;border:1px solid #56c7d8}.player-indicator>div{display:flex;flex-direction:column;gap:4px}.player-indicator strong{font-size:15px}.player-indicator div span{color:#93acc1;font-size:10px;white-space:nowrap;letter-spacing:.5px}.cooldown-info{color:#c0f9e4;font-size:11px;letter-spacing:.6px;font-weight:800}.bottom-hint{font-size:10px;color:#6c8fa9;font-weight:700}.match-overlay{position:absolute;inset:0;background:#030b1acb;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;backdrop-filter:blur(7px)}.match-overlay.hidden{display:none}.countdown-sub{font-size:14px;letter-spacing:5px;font-weight:900;color:var(--cyan)}.countdown-number{font-size:184px;font-weight:1000;line-height:1.15;color:#fff;text-shadow:0 0 44px #00dfff}.countdown-desc{font-size:14px;letter-spacing:3px;color:#9fbbd8;font-weight:800}.modal{width:480px;text-align:center;background:linear-gradient(125deg,#101c3e,#07132b);padding:42px;border:1px solid #3e7294;border-radius:17px;box-shadow:0 20px 90px #000a}.modal h2{font-size:32px;line-height:1.3;margin:15px 0}.modal h2 span{color:var(--cyan)}.modal p{font-size:13px;color:#9bb7cf;margin-bottom:24px}.modal .btn{margin:6px 0}
.results-screen{display:flex!important;align-items:center;justify-content:center;visibility:hidden}.results-screen.active{visibility:visible}.results-glow{position:absolute;inset:0;background:radial-gradient(ellipse at center,#12688c4d,transparent 56%)}.results-panel{width:720px;padding:31px 47px;text-align:center;border:1px solid #5ab9c5;border-radius:20px;background:linear-gradient(125deg,#0d1c3df5,#101032f5);box-shadow:0 25px 80px #0009}.result-tag{color:var(--cyan);font-size:13px;letter-spacing:4px;font-weight:900}.results-panel h2{font-size:66px;letter-spacing:3px;color:#f6ffff;margin:5px 0 3px;text-shadow:0 0 32px #2cdff77f}.results-panel>p{color:#9abbd0;font-size:14px;margin:0 0 20px}.result-score{display:flex;justify-content:center;align-items:center;gap:40px}.result-score>div{display:flex;flex-direction:column}.result-score>div small{font-size:11px;letter-spacing:1.5px;font-weight:950;color:var(--cyan)}.result-score>div:last-child small{color:#fc58d4}.result-score>div strong{font-size:75px}.result-score>span{font-size:45px;color:#456280}.stat-grid{display:flex;justify-content:space-between;gap:10px;margin:15px 0 27px}.stat-grid>div{flex:1;border:1px solid #294966;padding:12px;border-radius:9px;background:#0d2743;display:flex;flex-direction:column;gap:8px}.stat-grid>div span{font-size:10px;letter-spacing:1.2px;color:#94b4cb;font-weight:800}.stat-grid>div strong{font-size:29px}.result-actions{display:flex;justify-content:center;gap:10px}.result-actions>.btn{font-size:12px;min-height:52px;padding:13px 16px}
#orientation{display:none;position:fixed;inset:0;z-index:9999;text-align:center;justify-content:center;align-items:center;flex-direction:column;background:radial-gradient(ellipse at 50% 50%,#123763,#050c1c 72%);padding:30px}#orientation h2{font-size:35px;letter-spacing:2px}#orientation p{color:#bdd6e5;max-width:650px;font-size:19px;line-height:1.5}.phone-rotate{font-size:100px;color:var(--cyan);position:relative;line-height:1}.phone-rotate span{position:absolute;font-size:50px;right:-24px;bottom:-12px}
@media(orientation:portrait) and (max-width:950px){#orientation{display:flex}}