.clashHost{min-height:100vh;background:#101d40;color:#fff;font-family:Inter,ui-sans-serif,system-ui,sans-serif;padding:24px clamp(16px,3vw,48px);overflow:hidden;background-image:radial-gradient(circle at 7% 25%,#18376a 0,transparent 35%),radial-gradient(circle at 94% 12%,#342356 0,transparent 28%)}.clashHost *{box-sizing:border-box}.clashTop{max-width:1500px;margin:0 auto 30px;display:flex;align-items:center;justify-content:space-between;gap:12px}.clashLogo{font-size:clamp(25px,3vw,39px);letter-spacing:-1.6px;font-weight:1000;line-height:1;text-shadow:0 4px #09152e}.clashLogo span{color:#ffd457}.clashLogo em{font-style:normal;color:#54d9e4}.clashEyebrow,.clashTag{font-size:11px;font-weight:900;letter-spacing:1.7px;color:#79e4e2}.clashTag{color:#bacbe9}.clashSetup{max-width:1300px;margin:5vh auto 0;display:grid;grid-template-columns:1fr minmax(370px,490px);grid-gap:clamp(30px,6vw,100px);gap:clamp(30px,6vw,100px);align-items:center}.clashIntro h1{font-size:clamp(46px,5.4vw,82px);letter-spacing:-3px;line-height:1.04;margin:20px 0}.clashIntro h1 i{font-style:normal;color:#ff6d98}.clashIntro p{max-width:560px;font-size:18px;line-height:1.6;color:#c4d4ea}.clashSample{display:grid;grid-template-columns:repeat(8,26px);grid-gap:6px;gap:6px;margin-top:30px;transform:rotate(-5deg);width:max-content}.clashSample span{height:26px;border-radius:6px;background:#edf0fa;box-shadow:0 4px #7c83a6}.clashSample .pink{background:#ff537e;box-shadow:0 4px #aa315c}.clashSample .blue{background:#25c9de;box-shadow:0 4px #198a9b}.clashBoardPanel,.clashPanel,.clashSetupCard{border:1px solid #3d5078;border-radius:26px;background:#192a50;box-shadow:0 18px 55px #07112777}.clashSetupCard{padding:clamp(22px,3vw,38px)}.clashSetupCard h2{font-size:29px;letter-spacing:-1px;margin:7px 0 27px}.clashSetupCard label{display:block;font-weight:900;font-size:11px;letter-spacing:1px;margin:18px 0;color:#c9d8ed}.clashChoices{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.clashChoices button,.clashSetupCard select{border:1px solid #536888;background:#23375e;color:#fff;border-radius:12px;padding:11px 14px;font:inherit;font-size:14px;font-weight:800;cursor:pointer}.clashChoices button.active{border-color:#6de7e3;background:#146b83;box-shadow:0 0 0 2px #2acde955}.clashSetupCard select{display:block;width:100%;margin-top:9px}.clashSetupCard select option{background:#192a50}.clashPrimary{width:100%;min-height:56px;border:0;border-radius:14px;background:#ff5684;color:#fff;font-weight:1000;font-size:17px;cursor:pointer;box-shadow:0 6px #a92d58;margin-top:14px}.clashPrimary:disabled{opacity:.5;cursor:not-allowed}.clashError{color:#ffc0c8;font-weight:800}.clashArena{max-width:1500px;margin:0 auto}.clashArenaHeader{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.clashArenaHeader h1{font-size:clamp(34px,4vw,58px);line-height:1.1;margin:7px 0;letter-spacing:-2px}.clashRoom{background:#f9e8b6;color:#17254a;padding:11px 30px;border-radius:18px;text-align:center;min-width:210px;box-shadow:0 6px #c8973c}.clashRoom small{display:block;font-size:10px;font-weight:950}.clashRoom strong{font-size:clamp(30px,3vw,47px);letter-spacing:4px}.clashScorebar{display:grid;grid-template-columns:1fr 200px 1fr;grid-gap:14px;gap:14px;align-items:stretch;margin:24px 0}.clashClock,.clashScore{border-radius:19px;min-height:88px;padding:14px 25px;display:flex;align-items:center;justify-content:space-between;gap:10px}.clashScore.pink{background:linear-gradient(120deg,#f84d80,#bc376a)}.clashScore.blue{background:linear-gradient(120deg,#1db6d4,#147fa9)}.clashScore small{font-size:clamp(11px,1.3vw,17px);font-weight:950}.clashScore strong{font-size:48px}.clashClock{background:#fff;color:#17254a;flex-direction:column;justify-content:center;gap:0}.clashClock span{font-size:10px;font-weight:950;letter-spacing:1.2px}.clashClock strong{font-size:39px;line-height:1.1}.clashContent{display:grid;grid-template-columns:minmax(0,1fr) 310px;grid-gap:18px;gap:18px;align-items:start}.clashBoardPanel{padding:clamp(16px,2.3vw,28px)}.clashBoardHeading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:17px;font-size:13px;letter-spacing:.9px}.clashBoardHeading span{color:#a9bfdc;font-size:12px;letter-spacing:0}.clashBoard{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:clamp(4px,.7vw,10px);gap:clamp(4px,.7vw,10px);max-width:730px;margin:auto}.clashTile{aspect-ratio:1;border-radius:clamp(6px,1vw,14px);background:#f6f4e9;box-shadow:inset 0 -5px #cbd4df,0 3px 0 #071329;display:grid;place-items:center;font-size:clamp(14px,2.5vw,32px);font-weight:950;transition:background .3s,transform .3s}.clashTile.pink{background:#ff5684;color:#fff;box-shadow:inset 0 -5px #ba315e,0 3px 0 #071329}.clashTile.blue{background:#29c6dd;color:#fff;box-shadow:inset 0 -5px #0c839e,0 3px 0 #071329}.clashBoardFoot{text-align:center;color:#a9bfdc;font-weight:800;font-size:12px;margin-top:20px}.clashBoardFoot b{padding:0 12px;color:#ffd457}.clashAside{display:grid;grid-gap:15px;gap:15px}.clashPanel{padding:20px}.clashTeamList{border:1px solid #42547a;border-radius:14px;padding:14px;margin-top:14px}.clashTeamList.pink{border-color:#fa6f96}.clashTeamList.blue{border-color:#39c7dd}.clashTeamList strong{font-size:14px}.clashTeamList div{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.clashTeamList span{background:#324469;border-radius:100px;padding:6px 9px;font-size:12px;font-weight:750}.clashTeamList em{font-size:12px;color:#afbdd4}.clashInstructions p{font-size:13px;color:#d3e2f3;margin:13px 0}.clashEnd{border:1px solid #ff9cb2;background:transparent;color:#ffb6c9;border-radius:12px;padding:12px;font-weight:800;cursor:pointer}@media(max-width:900px){.clashSetup{grid-template-columns:1fr;margin-top:10px}.clashIntro h1{font-size:46px}.clashContent{grid-template-columns:1fr}.clashAside{grid-template-columns:1fr 1fr}.clashAside>button{grid-column:1/-1}.clashScorebar{grid-template-columns:1fr 140px 1fr}}@media(max-width:600px){.clashTag{display:none}.clashArenaHeader{align-items:flex-start;flex-direction:column}.clashRoom{min-width:0;width:100%}.clashScorebar{grid-template-columns:1fr 1fr;gap:8px}.clashClock{grid-column:1/-1;grid-row:1;min-height:60px;flex-direction:row;gap:12px}.clashClock strong{font-size:28px}.clashScore{min-height:66px;padding:12px}.clashScore strong{font-size:30px}.clashScore small{font-size:10px}.clashBoard{gap:4px}.clashTile{border-radius:6px}.clashAside{grid-template-columns:1fr}.clashBoardHeading{font-size:11px}.clashBoardFoot{line-height:1.5}.clashHost{padding:15px}}.clashHost{padding:18px clamp(18px,3vw,46px) 24px;background:#0b1734;background-image:radial-gradient(circle at 7% 16%,#173b70 0,transparent 31%),radial-gradient(circle at 93% 10%,#44275d 0,transparent 30%),linear-gradient(135deg,#0b1734,#101f43 58%,#111735)}.clashTop{height:48px;margin-bottom:14px}.clashArenaHeader{min-height:78px;margin-bottom:10px}.clashArenaHeader h1{font-size:clamp(30px,3vw,46px);line-height:1;margin:6px 0 0;color:#fff!important;text-shadow:0 3px #071127}.clashRoom{padding:9px 26px;min-width:230px;background:linear-gradient(145deg,#fff3c8,#ffe39a)}.clashRoom small{font-size:9px}.clashRoom strong{display:block;font-size:clamp(30px,2.8vw,43px);line-height:1.05}.clashScorebar{grid-template-columns:1fr 180px 1fr;gap:12px;margin:12px 0 17px}.clashClock,.clashScore{min-height:68px;padding:9px 22px;border-radius:17px;box-shadow:0 7px 18px #050b1d44}.clashScore strong{font-size:39px}.clashClock strong{font-size:33px}.clashContent{grid-template-columns:minmax(0,1fr) 300px}.clashBoardPanel,.clashPanel,.clashSetupCard{background:linear-gradient(145deg,#1b315c,#17284e);border-color:#405680}.clashBoardPanel{padding:15px 22px 17px}.clashBoardHeading{margin-bottom:11px}.clashBoard{width:min(100%,calc(100vh - 325px));max-width:645px;gap:clamp(5px,.55vw,9px)}.clashBoardFoot{margin-top:12px}.clashAside{gap:12px}.clashPanel{padding:16px}.clashTeamList{padding:11px;margin-top:10px;background:#15264a}.clashInstructions p{margin:9px 0;line-height:1.35}.clashIntro h1,.clashSetupCard h2{color:#fff!important}@media(max-width:1050px){.clashContent{grid-template-columns:minmax(0,1fr) 255px}.clashBoard{width:100%}.clashInstructions{display:none}}@media(max-width:900px){.clashContent{grid-template-columns:1fr}.clashBoard{max-width:645px}.clashAside{grid-template-columns:1fr 1fr}.clashScorebar{grid-template-columns:1fr 140px 1fr}}@media(max-width:600px){.clashHost{padding:14px}.clashTop{height:42px;margin-bottom:12px}.clashScorebar{grid-template-columns:1fr 1fr}.clashBoardPanel{padding:13px 10px}.clashBoard{gap:4px}}.clashHost .clashIntro h1{color:#fff!important;text-shadow:0 4px 18px #030914aa;max-width:850px}.clashHost .clashIntro h1 i{color:#ff8bad;text-shadow:0 3px 16px #14071999}.clashHost .clashSetupCard h2{color:#fff!important;font-size:clamp(28px,2.8vw,36px);line-height:1.12}.clashHost .clashIntro p{color:#f0f5ff;font-size:clamp(17px,1.4vw,21px);font-weight:600;line-height:1.55}.clashHost .clashEyebrow{color:#a4fff2;font-size:12px;font-weight:950;letter-spacing:1.3px}.clashHost .clashSetupCard label{color:#f1f6ff;font-size:12px}.clashHost .clashChoices button,.clashHost .clashSetupCard select{font-size:15px;min-height:46px;background:#2b426d;border-color:#7184a8}.clashHost .clashChoices button.active{background:#087994;border-color:#b0fff4;box-shadow:0 0 0 2px #80ffdf66}.clashHost .clashArenaHeader h1{color:#fff!important;text-shadow:0 3px 14px #050c21bb}.clashHost .clashBoardHeading,.clashHost .clashPanel strong{color:#fff;font-size:14px}.clashHost .clashBoardFoot,.clashHost .clashBoardHeading span,.clashHost .clashTeamList em{color:#e6f0ff}.clashHost .clashInstructions p{color:#f0f5ff;font-size:14px;line-height:1.5}.clashHost .clashTeamList span{color:#fff;background:#3b5380}.clashHost .clashScore small{color:#fff;font-size:clamp(12px,1.3vw,18px);text-shadow:0 2px 4px #09152b55}.clashHost .clashTag{color:#edf4ff}@media(max-width:600px){.clashHost .clashIntro h1{font-size:clamp(39px,10vw,48px);letter-spacing:-1.8px}.clashHost .clashScore small{font-size:11px}}.clashHost{background:#fffaf2;background-image:radial-gradient(circle at 9% 15%,#fce3c5 0,transparent 28%),radial-gradient(circle at 90% 12%,#fff0dc 0,transparent 30%);color:#252a34;overflow-x:hidden}.clashLogo{font-size:clamp(16px,1.7vw,22px);letter-spacing:-.5px;text-shadow:none;color:#252a34}.clashLogo img{width:150px;max-width:40vw;height:auto;display:block}.clashEyebrow,.clashHost .clashEyebrow,.clashHost .clashTag,.clashTag{color:#075d62}.clashHost .clashArenaHeader h1,.clashHost .clashIntro h1,.clashHost .clashSetupCard h2{color:#252a34!important;text-shadow:none}.clashHost .clashIntro h1 i{color:#e4442c;text-shadow:none}.clashHost .clashIntro p{color:#606875}.clashBoardPanel,.clashHost .clashBoardPanel,.clashHost .clashPanel,.clashHost .clashSetupCard,.clashPanel,.clashSetupCard{background:#fffdf8;border-color:#e3e5e8;box-shadow:0 12px 30px #252a3412}.clashHost .clashBoardHeading,.clashHost .clashPanel strong,.clashHost .clashSetupCard label{color:#252a34}.clashHost .clashChoices button,.clashHost .clashSetupCard select{background:#fffaf2;color:#252a34;border-color:#d8cabc}.clashHost .clashChoices button.active{background:#fff0dc;color:#075d62;border-color:#075d62;box-shadow:0 0 0 2px #075d6222}.clashHost .clashSetupCard select option{background:#fffdf8}.clashHost .clashPrimary{background:#e4442c;box-shadow:0 5px #ae321f}.clashHost .clashError{color:#a92e1e}.clashRoom{background:#fff1ce;color:#252a34;box-shadow:0 5px #dfba6e}.clashClock{background:#252a34;color:#fff}.clashScore.pink{background:linear-gradient(120deg,#e4442c,#b93228)}.clashScore.blue{background:linear-gradient(120deg,#075d62,#075d62)}.clashHost .clashBoardFoot,.clashHost .clashBoardHeading span,.clashHost .clashInstructions p,.clashHost .clashTeamList em{color:#606875}.clashHost .clashBoardFoot b{color:#075d62}.clashHost .clashTeamList,.clashTeamList{background:#fffaf2;border-color:#e3e5e8}.clashHost .clashTeamList span{background:#fff0dc;color:#075d62}.clashEnd{border-color:#e4442c;color:#b93228}.clashTile{box-shadow:inset 0 -5px #d8cabc,0 3px 0 #b9aa9b}.clashTile.pink{background:#e4442c;box-shadow:inset 0 -5px #ae321f,0 3px 0 #ae321f}.clashTile.blue{background:#075d62;box-shadow:inset 0 -5px #075d62,0 3px 0 #075d62}.clashSample .pink{background:#e4442c;box-shadow:0 4px #ae321f}.clashSample .blue{background:#075d62;box-shadow:0 4px #075d62}