*{box-sizing:border-box}body{margin:0;background:#060f1c;color:#dbe4ed;font:14px Arial,sans-serif}.shell{max-width:450px;min-height:100vh;margin:auto;padding:18px 14px;background:#091a2e;box-shadow:0 0 30px #0008}.brand{text-align:center;min-height:170px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at center bottom,#793a1b,transparent 55%),linear-gradient(135deg,#0c1c30,#17283e);border-bottom:1px solid #304762;color:#d5dfa9;font-size:29px;font-weight:bold;letter-spacing:2px;text-shadow:0 2px #000}.brand small{font-size:14px;color:#e7ca83;letter-spacing:4px;margin-top:8px}p{text-align:center;line-height:1.5}input{width:100%;padding:12px;background:#071426;color:white;border:1px solid #2a4663;margin:8px 0}button{cursor:pointer;background:#142f51;color:#dce5ef;border:1px solid #203d60;border-radius:2px;padding:10px;font-size:12px}button:hover{filter:brightness(1.2)}#login>button{display:block;width:100%;margin:8px 0}.orange{background:#a75e0a;border:0}.links{margin-top:28px;text-decoration:underline;font-size:12px}footer{text-align:center;color:#94a7ba;font-size:10px;line-height:1.55;margin:9px 0}.mini{min-height:auto;background:none;border:0;font-size:20px;padding:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px 8px;margin:7px 0;font-size:12px}.alliance-count{color:#c6d78c;font-size:10px;margin-left:4px}.redstar{color:#c12d38}.online{text-align:center;color:#c7d88e;border-top:2px solid #30445a;padding:5px 0 2px;margin-top:5px;font-size:11px}.online span{color:#8296aa;font-size:10px}.stats b{font-weight:normal;color:#c7df9b}.xp{height:5px;background:#293e53}.xp i{display:block;background:#36a2cf;width:0;height:100%}.menu,.sub{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-top:7px}.menu button{text-align:left;min-height:29px;font-weight:bold;padding:7px 8px;font-size:11px}.sub button{min-height:25px}.sub button{text-align:left;background:#0c213b;border-color:#192f49;padding:8px;font-size:11px}.panel{margin-top:12px;background:#08182b;border-top:2px solid #304962}.panelhead{background:#102945;padding:8px;display:flex;justify-content:space-between;align-items:center}.back{padding:4px 8px}#content{padding:12px;min-height:150px;line-height:1.5}.notice{background:#102945;border-left:3px solid #b87521;padding:8px;font-size:11px;color:#b8c9d8;text-align:left}.action{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px;background:#0e2540;border:1px solid #203b58;margin:7px 0}.action button{background:#35652c}.action small{display:block;color:#92a8bc;margin-top:3px}nav{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin-top:12px}nav button{background:none;border:0;text-decoration:underline;font-size:11px;padding:4px}#toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#193655;border:1px solid #4b6680;padding:10px;border-radius:4px;display:none;max-width:90vw} [hidden]{display:none!important}