/* Clear shapes, strong colours and readable controls for young players. */
:root{--td-ink:#0c2140;--td-blue:#27baff;--td-lime:#beef57;--td-gold:#ffd869}body{font-family:ui-rounded,"Trebuchet MS",system-ui,sans-serif}header{background:linear-gradient(#0c2443e8,#0c244320);padding:8px 22px;height:64px}header .tdBrand{display:block;width:140px;height:50px;object-fit:contain}button{font-family:inherit;font-weight:900!important;border-radius:14px!important;transition:transform .12s,filter .12s;box-shadow:0 4px 0 #071427aa}button:hover{filter:brightness(1.12);transform:translateY(-2px)}button:active{transform:translateY(2px);box-shadow:0 1px 0 #071427aa}button:focus-visible,select:focus-visible{outline:3px solid #ffe878;outline-offset:3px}#menu{top:13vh;width:min(480px,44vw)}#menu h1{text-shadow:0 5px 0 #172847,0 8px 0 #07172b;letter-spacing:-.04em;font-weight:1000}#menu h1 span{color:#51d9ff}#menu .operationBadge{background:#1c3d68;color:#cdefff;border:2px solid #497aab;letter-spacing:.06em;font-size:11px}#menu .startButton{background:linear-gradient(#ffdd78,#ffb84f);border:3px solid #fff4c8;border-bottom-color:#f0a33e;color:#3a2c17;box-shadow:0 7px 0 #936326,0 16px 35px #05101f77;border-radius:22px!important;font-size:27px;padding:20px 24px}#menu .startButton small{color:#6c461b}#menu .mainShortcuts button{border:2px solid #5899c4;background:linear-gradient(#225d88,#15375c);box-shadow:0 5px 0 #0a2139}#menu .mainShortcuts button:nth-child(2){background:linear-gradient(#70419c,#382958);border-color:#a786d5}#menu .mainShortcuts .menuSymbol{color:#ffdf81;font-size:26px}#menu .moreMenu{border:2px solid #354f71;background:#102b49;border-radius:15px}.missionFacts span{background:#173859;border:2px solid #5587ac;border-radius:16px;padding:12px 16px;box-shadow:0 4px 0 #061629}.missionFacts b{color:#ffd666}.artCaption{color:#d0eeff}#wave,#money,#base{background:linear-gradient(#184873f5,#122d50f5);border:2px solid #79b8d2;border-radius:18px;box-shadow:0 5px 0 #06172ca8}#wave{color:#ffe296;font-size:20px}#money{color:#d9ff76;font-size:23px;border-color:#88b873}#base b{letter-spacing:.06em;color:#ecfaff;font-size:12px}#base progress{height:18px;border-radius:9px;overflow:hidden;accent-color:#61e8a0}#base progress::-webkit-progress-bar{background:#071a30;border-radius:9px}#base progress::-webkit-progress-value{background:linear-gradient(#b0fa6d,#43cc9e);border-radius:9px}#actions{gap:9px}#actions button{border:2px solid #6c9dbb;background:linear-gradient(#285782,#143552);padding:10px 13px;font-size:11px}#actions #skip{background:linear-gradient(#ffe083,#f5bc48);color:#3b2a12;border-color:#fff0aa}#actions #leave{background:#923d59;border-color:#ee8a9e;color:#fff}#hotbar{padding:8px 10px;background:#0b2643c9;border:2px solid #608bac;border-radius:22px;box-shadow:0 5px 0 #061629a8;gap:9px}.slot{width:105px;padding:6px;background:linear-gradient(#30739a,#153754);border:2px solid #66bddc;border-bottom:5px solid #246682;border-radius:17px!important}.slot.selected{background:linear-gradient(#527b42,#264c39);border-color:#dcff7a;box-shadow:0 0 0 3px #7bc34b44,0 5px 0 #17372d}.slot img{height:72px;width:88px}.slot b{font-size:11px;color:#f0fbff;line-height:1.25}.slot small{font-size:13px;color:#fff2ab;font-weight:900}#hint{background:#123452ee;border:2px solid #71a8c4;font-weight:750}#zoneGuide h2{color:#f6de8b;text-shadow:0 3px #102337}#padStatus{background:linear-gradient(#24587af0,#102c4df5);border:3px solid #78c7dc;border-radius:20px;box-shadow:0 5px 0 #051326}#padCountdown{color:#ffd969;font-size:18px;font-weight:950}#matchSetup{border:3px solid #77b6dc;border-radius:20px;background:#163556f7}#matchSetup select{border:2px solid #83b6d0;font-weight:750;min-height:40px}dialog{border:3px solid #7bb8d4;background:linear-gradient(140deg,#204d71,#102a4a);box-shadow:0 12px 0 #05152988,0 30px 80px #0009}dialog h2{color:#ffe398}#close{background:#c25170;border:2px solid #ffadc2;color:white;box-shadow:0 3px 0 #642a43}#tower{border:3px solid #78badd;border-radius:22px;background:linear-gradient(#205175f5,#102c4af5);box-shadow:0 7px 0 #06182b}#tutorialGuide{border:3px solid #ffe89d;background:#173655f5;border-radius:20px;color:#fff8dc}#tutorialArrow{filter:drop-shadow(0 4px 0 #71532b)}@media(max-width:650px){header{padding:3px 12px;height:48px}header .tdBrand{width:100px;height:38px}#menu{width:calc(100vw - 40px);top:12vh}#menu h1{font-size:57px}#menu .startButton{font-size:23px;padding:16px 20px}#hotbar{gap:5px;padding:6px;border-radius:17px;max-width:calc(100vw - 16px)}.slot{width:61px;padding:4px;border-width:2px;border-bottom-width:4px}.slot img{width:48px;height:48px}.slot b{font-size:8px}.slot small{font-size:10px}#base{width:150px;padding:6px}#base b{font-size:8px}#wave,#money{font-size:12px;padding:8px}#actions button{font-size:8px;padding:7px 9px}#hint{font-size:10px;padding:7px 12px}#padCountdown{font-size:15px}}@media(prefers-reduced-motion:reduce){button{transition:none}}
/* Games show only their controls, chat and exit. */
body:not(.choosingTeam):not(.queuing):not(.match)::before{content:none!important}.tdExit{position:fixed;left:18px;top:16px;z-index:20;padding:10px 16px;border:2px solid #7bacca;border-radius:13px;background:#173957;color:#effaff;text-decoration:none;font-size:12px;font-weight:950;box-shadow:0 4px 0 #061c30}.tdExit:focus-visible{outline:3px solid #ffe790;outline-offset:4px}.tdSound{position:fixed;top:16px;right:18px;z-index:20}.tdSound button{padding:9px 12px;background:#173957;color:#ecfaff;border:2px solid #7bacca;font-size:11px}#menu{background:#102840e8;border:2px solid #4f7898;border-radius:23px;padding:20px;max-height:81vh}#missionArtwork .artOrbit{background:none;box-shadow:none}body.choosingTeam:not(.queuing):not(.match) #zoneGuide{background:#153b56e8}@media(max-width:650px){.tdExit{top:10px;left:10px;padding:8px 12px;font-size:10px}.tdSound{right:10px;top:10px}#menu{padding:16px;max-height:80vh}}
