.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0a0e16d9,#030408f7)}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:6px;padding:24px 32px;box-shadow:0 0 40px #000c,inset 0 0 24px #14283c33;max-height:90vh;overflow-y:auto}.title{font-size:42px;letter-spacing:10px;color:var(--accent);text-shadow:0 0 18px rgba(102,255,204,.5);text-align:center;margin-bottom:4px}.tagline{text-align:center;color:var(--text-dim);margin-bottom:28px;letter-spacing:2px;font-size:13px}button{font-family:inherit;background:#1e2c3ee6;color:var(--text);border:1px solid var(--panel-border);border-radius:4px;padding:9px 18px;font-size:14px;letter-spacing:1px;cursor:pointer;transition:all .12s}button:hover:not(:disabled){background:#2e4660f2;border-color:var(--accent);color:#fff}button:disabled{opacity:.35;cursor:default}button.primary{border-color:var(--accent);color:var(--accent)}button.danger{border-color:var(--danger);color:var(--danger)}button.active{background:#66ffcc26;border-color:var(--accent);color:var(--accent)}.menu-list{display:flex;flex-direction:column;gap:10px;min-width:300px}.menu-list button{padding:12px;font-size:16px}.menu-list input{font-family:inherit;background:#121822e6;color:var(--text);border:1px solid var(--panel-border);border-radius:4px;padding:11px 12px;font-size:14px;letter-spacing:1px}.menu-list input:focus{outline:none;border-color:var(--accent)}.auth-note{font-size:12px;color:var(--text-dim);margin-bottom:10px;text-align:center}.auth-error{font-size:12px;color:var(--danger);margin-bottom:10px;text-align:center}.auth-links{margin-top:14px;font-size:12px;text-align:center;color:var(--text-dim)}.auth-links a{color:var(--accent);text-decoration:none}.auth-links a:hover{text-decoration:underline}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0}.section-label{color:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:2px;margin:14px 0 6px}.card-pick{border:1px solid var(--panel-border);border-radius:4px;padding:8px 10px;width:200px;cursor:pointer;font-size:12px;background:#121822e6}.card-pick.selected{border-color:var(--accent);background:#66ffcc14}.card-pick b{display:block;font-size:13px;margin-bottom:3px;color:var(--text)}.card-pick span{color:var(--text-dim);line-height:1.35}#hud-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:14px;padding:8px 14px;background:linear-gradient(to bottom,rgba(5,8,14,.95),transparent);font-size:13px}#hud-top .phase{color:var(--accent);letter-spacing:1px}#hud-top .spacer{flex:1}#hud-left{position:absolute;top:52px;left:10px;width:210px;display:flex;flex-direction:column;gap:6px;font-size:12px}.unit-row{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--panel-border);border-radius:4px;padding:6px 8px;cursor:pointer}.unit-row:hover{border-color:var(--accent)}.unit-row.selected{border-color:var(--accent);background:#66ffcc14}.unit-row.done{opacity:.45}.unit-row .dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.unit-row .hp{margin-left:auto;color:var(--text-dim)}#hud-right{position:absolute;top:52px;right:10px;width:260px;max-height:50vh;overflow-y:auto;font-size:11px;color:var(--text-dim);display:flex;flex-direction:column-reverse;gap:3px;pointer-events:none!important}#hud-right div{background:#080c12bf;border-radius:3px;padding:3px 8px}#hud-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-end;justify-content:center;gap:10px;padding:10px 14px 14px;background:linear-gradient(to top,rgba(5,8,14,.95),transparent)}#hud-bottom .actions{display:flex;gap:8px}#hud-bottom .info{background:var(--panel);border:1px solid var(--panel-border);border-radius:4px;padding:8px 12px;font-size:12px;min-width:180px}#hud-bottom .cards{display:flex;gap:6px}.hand-card{border:1px solid var(--panel-border);background:#121822f2;border-radius:4px;padding:6px 8px;font-size:11px;width:130px;cursor:pointer}.hand-card:hover{border-color:var(--accent)}.hand-card.used{opacity:.35;cursor:default}.hand-card b{display:block;font-size:12px}.hand-card span{color:var(--text-dim)}.modal-backdrop{position:absolute;inset:0;background:#020306bf;display:flex;align-items:center;justify-content:center}.modal{max-width:640px}.modal h2{color:var(--accent);letter-spacing:3px;margin-bottom:12px;font-size:20px}.modal .body{font-size:13px;line-height:1.55;color:var(--text);white-space:pre-wrap}.modal .body strong{color:var(--accent)}.event-pop{position:absolute;top:20%;left:50%;transform:translate(-50%);background:linear-gradient(160deg,#1e1418f7,#0c080af7);border:1px solid #6a3a44;border-radius:6px;padding:18px 26px;text-align:center;max-width:380px;box-shadow:0 0 50px #b4283c40}.event-pop h3{color:#f89;letter-spacing:2px;margin-bottom:8px}.event-pop p{font-size:13px;color:var(--text);line-height:1.4}.toast{position:absolute;top:56px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--accent);border-radius:4px;padding:8px 20px;font-size:13px;color:var(--accent);animation:toast-fade 3s forwards}@keyframes toast-fade{0%{opacity:0;transform:translate(-50%,-8px)}10%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0}}table.score{border-collapse:collapse;margin-top:10px;font-size:13px}table.score th,table.score td{border:1px solid var(--panel-border);padding:6px 14px;text-align:right}table.score th{color:var(--text-dim);font-weight:400}table.score td:first-child,table.score th:first-child{text-align:left}.winner-row{color:var(--accent)}.help-scroll{max-height:55vh;overflow-y:auto;padding-right:10px}