*{box-sizing:border-box}html,body,#root{background:#050b16;width:100%;height:100%;margin:0;overflow:hidden}body{font-family:Arial,sans-serif}.game-shell,iframe{border:0;width:100%;height:100%;margin:0;display:block;overflow:hidden}.game-shell{position:relative}.desktop-panel{display:none}.connection-error{z-index:50;color:#fff;text-align:center;background:#050b16f2;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.connection-error>div{background:#081a30;border:1px solid #69d6ff55;border-radius:14px;max-width:430px;padding:25px;box-shadow:0 20px 70px #000b}.connection-error h1{margin:0 0 10px;font-size:22px}.connection-error p{color:#b9d8eb;margin:0;line-height:1.45}.history-overlay{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#010712d1;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.history-panel{background:linear-gradient(160deg,#12395d,#08192f 58%,#050c19);border:2px solid #42c9ff;border-radius:15px;width:min(720px,95vw);max-height:min(84vh,680px);overflow:hidden;box-shadow:0 18px 60px #000c,inset 0 1px #ffffff30}.history-panel header{background:linear-gradient(90deg,#1684c766,#0000);border-bottom:1px solid #61d8ff55;justify-content:space-between;align-items:center;padding:17px 19px 14px;display:flex}.history-panel header span{color:#77dcff;letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:800}.history-panel h1{margin:3px 0 0;font-size:22px}.history-panel button{color:#fff;cursor:pointer;background:#09213c;border:1px solid #63d9ff;border-radius:50%;width:35px;height:35px;padding:0;font:27px/30px Arial}.history-columns,.history-row{grid-template-columns:1.55fr 1.15fr .8fr .85fr 1.15fr;align-items:center;gap:10px;display:grid}.history-columns{color:#77dcff;letter-spacing:.08em;text-transform:uppercase;background:#020b1766;padding:10px 18px;font-size:10px;font-weight:800}.history-list{max-height:calc(min(84vh,680px) - 112px);padding:0 10px 12px;overflow:auto}.history-row{color:#dcecf7;border-bottom:1px solid #76dfff22;min-height:55px;padding:10px 8px;font-size:13px}.history-row time{color:#8eacc2;font-size:11px}.history-row>:last-child{text-align:right}.history-row .win{color:#54ed9c}.history-row .miss{color:#8ba0b0}.history-empty{color:#a9bfd0;text-align:center;margin:0;padding:48px 20px}.history-error{color:#ffaaa0}@media (width<=560px){.history-overlay{padding:9px}.history-panel{width:100%;max-height:90vh}.history-columns{display:none}.history-list{max-height:calc(90vh - 72px)}.history-row{grid-template-columns:1fr auto auto;gap:5px 12px}.history-row time{grid-column:1/-1}}@media (width>=900px) and (aspect-ratio>=4/3){.football-theme{background:radial-gradient(circle at 50% 42%,#174f48 0,#092a31 34%,#020b16 76%);grid-template-columns:minmax(220px,1fr) min(56.22vh,750px) minmax(220px,1fr);align-items:stretch;display:grid}.football-theme:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 49.88%,#72e6d11b 49.88% 50.12%,#0000 50.12%),radial-gradient(circle,#0000 0 13vh,#72e6d114 13vh 13.2vh,#0000 13.2vh),repeating-linear-gradient(90deg,#ffffff04 0 8vw,#0000 8vw 16vw);position:absolute;inset:0}.football-theme iframe{z-index:2;background:#050b16;grid-column:2;justify-self:center;width:min(56.22vh,750px);height:100vh;min-height:0;position:relative;box-shadow:0 0 0 1px #49e5d13d,0 0 60px #000d}.desktop-panel{z-index:1;color:#fff;min-width:0;display:flex;position:relative}.desktop-brand{text-align:center;flex-direction:column;grid-area:1/1;justify-content:center;align-items:center;padding:42px}.desktop-brand>span,.desktop-guide>span{color:#50e4d0;letter-spacing:.28em;text-transform:uppercase;font-size:12px;font-weight:900}.desktop-brand h1{color:#fff;text-transform:uppercase;text-shadow:0 6px 30px #000;margin:12px 0 10px;font-size:clamp(30px,3vw,54px);line-height:.9}.desktop-brand p{color:#a9d0cf;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:14px;line-height:1.65}.football-mark{background:radial-gradient(circle,#07131d 0 18%,#f0f8f7 19% 43%,#0c1b23 44% 50%,#edf7f5 51% 67%,#10262b 68% 73%,#e8f3f1 74%);border:2px solid #51e8d087;border-radius:50%;place-items:center;width:120px;height:120px;margin-bottom:28px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 38px #10cdb43d,inset 0 0 25px #0008}.football-mark:before,.football-mark:after{content:"";clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);background:#0a1820;width:28px;height:28px;position:absolute}.football-mark:before{top:20px;left:8px;transform:rotate(-22deg)}.football-mark:after{bottom:18px;right:8px;transform:rotate(25deg)}.football-mark span{z-index:1;color:#fff;letter-spacing:.12em;background:#08151dd9;border-radius:12px;padding:5px 8px;font-size:10px;font-weight:900;position:relative}.desktop-guide{flex-direction:column;grid-area:1/3;justify-content:center;align-items:center;padding:42px}.desktop-guide>span{border-bottom:1px solid #54e8d143;width:min(270px,100%);padding-bottom:14px}.desktop-guide ol{width:min(270px,100%);margin:0;padding:0;list-style:none}.desktop-guide li{border-bottom:1px solid #ffffff12;align-items:center;gap:16px;padding:18px 0;display:flex}.desktop-guide b{color:#ffd459;letter-spacing:.12em;font-size:12px}.desktop-guide p{color:#d7eded;margin:0;font-size:14px}.desktop-guide small{color:#698f94;letter-spacing:.09em;text-transform:uppercase;width:min(270px,100%);margin-top:20px;font-size:10px}}