*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #101418;--panel: #1a2027;--edge: #2c3540;--text: #e8edf2;--dim: #8a97a5;--accent: #ffd34d;--run: #7fd487;--pass: #7db8ff;--def: #ff8a7a}body{background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#app{max-width:1340px;margin:0 auto;padding:12px 16px}header{display:flex;align-items:baseline;gap:24px;padding:6px 4px 12px;flex-wrap:wrap}.brand{font-weight:900;letter-spacing:4px;color:var(--accent)}.scorebug{display:flex;gap:10px;align-items:baseline;font-variant-numeric:tabular-nums}.scorebug .team{color:var(--dim);font-size:12px;letter-spacing:1px}.scorebug .score{font-size:22px;font-weight:800}.scorebug .team.poss{color:var(--accent)}.situation{display:flex;gap:16px;color:var(--dim);font-variant-numeric:tabular-nums}.situation #dnd{color:var(--text)}main{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.field-wrap{position:relative;flex:1 1 640px;min-width:320px}canvas{width:100%;height:auto;display:block;border-radius:8px;border:1px solid var(--edge)}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0d10d1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;border-radius:8px}#overlay.hidden{display:none}#overlay-text{font-size:30px;font-weight:900;letter-spacing:2px}#rematch{background:var(--accent);color:#14100a;border:none;font-weight:800;padding:10px 22px;border-radius:6px;cursor:pointer;font-size:15px}#panel{width:320px;flex:0 0 320px;background:var(--panel);border:1px solid var(--edge);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:10px}#prompt{font-weight:700;min-height:20px}#plays{display:flex;flex-direction:column;gap:6px}#plays .group{color:var(--dim);font-size:11px;letter-spacing:2px;margin-top:6px}button.play{text-align:left;background:#222a33;color:var(--text);border:1px solid var(--edge);border-left:3px solid var(--dim);border-radius:6px;padding:8px 10px;cursor:pointer;display:block;width:100%}button.play:hover:not(:disabled){background:#2b3540}button.play:disabled{opacity:.45;cursor:default}button.play b{display:block;font-size:14px}button.play span{display:block;color:var(--dim);font-size:12px;margin-top:2px}button.play.t-run{border-left-color:var(--run)}button.play.t-pass{border-left-color:var(--pass)}button.play.t-defense{border-left-color:var(--def)}button.play.t-special{border-left-color:var(--accent)}.log-head{color:var(--dim);font-size:11px;letter-spacing:2px;margin-top:4px}#log{list-style:none;font-size:12.5px;color:#c3ccd6;max-height:230px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}#log li.hl{color:var(--accent)}#roomline{color:var(--dim);font-size:11px;margin-top:4px}#roomline a{color:var(--pass)}#lobby{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,#16202b,#0b0e12 70%);display:flex;align-items:center;justify-content:center;z-index:10}#lobby.hidden{display:none}.lobby-card{width:340px;background:var(--panel);border:1px solid var(--edge);border-radius:12px;padding:28px 26px;display:flex;flex-direction:column;gap:10px;text-align:center}.lobby-card h1{letter-spacing:8px;color:var(--accent);font-size:30px}.lobby-card .tagline{color:var(--dim);font-size:13px;margin-bottom:2px}.tf-banner{position:sticky;top:0;z-index:50;background:#1d2733;border-bottom:1px solid var(--edge, #2c3540);color:#e8edf2;font-size:13px;text-align:center;padding:9px 12px}.tf-banner a{color:#ffd34d;font-weight:700}.tf-banner span{color:#8a97a5}.lobby-card .presence{color:var(--dim);font-size:12px;min-height:15px;margin-bottom:8px}.namerow{display:flex;align-items:center;gap:10px;margin-bottom:8px}.namerow span{color:var(--dim);font-size:12px;white-space:nowrap}.namerow input,.joinrow input{flex:1;min-width:0;background:#10161c;border:1px solid var(--edge);border-radius:6px;color:var(--text);padding:9px 10px;font-size:14px;text-transform:uppercase;letter-spacing:1px}.lobby-btn{background:#222a33;color:var(--text);border:1px solid var(--edge);border-radius:8px;padding:12px;font-size:15px;font-weight:700;cursor:pointer;text-align:left}.lobby-btn:hover:not(:disabled){background:#2b3540;border-color:var(--accent)}.lobby-btn:disabled,#btn-join:disabled{opacity:.4;cursor:default}.joinrow{display:flex;gap:8px}#btn-join{background:var(--accent);color:#14100a;border:none;border-radius:6px;font-weight:800;padding:0 18px;cursor:pointer}#lobby-msg{min-height:18px;color:var(--accent);font-size:13px}#btn-cancel{background:none;border:1px solid var(--edge);color:var(--dim);border-radius:6px;padding:7px;cursor:pointer}#btn-cancel.hidden{display:none}#leave{background:none;border:1px solid var(--edge);color:var(--dim);border-radius:6px;padding:6px;cursor:pointer;font-size:12px}#leave.hidden{display:none}#leave:hover{color:var(--text)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.searching{animation:pulse 1.2s ease-in-out infinite}button.play em.good{color:var(--run);font-style:normal;font-weight:700}button.play em.bad{color:var(--def);font-style:normal;font-weight:700}.teamlabel{color:var(--dim);font-size:10px;letter-spacing:2px;text-align:left;margin-top:4px}.teamrow{display:flex;flex-wrap:wrap;gap:6px}.team-chip{background:#10161c;color:var(--text);border:1.5px solid var(--edge);border-radius:14px;padding:5px 10px;font-size:12px;cursor:pointer}.team-chip.on{background:#222a33;font-weight:700}.teamdesc{color:var(--dim);font-size:11.5px;min-height:15px;text-align:left}#squad{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:radial-gradient(ellipse at 50% 20%,#17222e,#0a0d11 75%);display:flex;align-items:center;justify-content:center;padding:20px}#squad.hidden{display:none}.squad-inner{width:min(1100px,96vw);max-height:94vh;display:flex;flex-direction:column;gap:18px}.squad-head{display:flex;align-items:center;justify-content:space-between}.squad-head h2{color:var(--accent);letter-spacing:5px;font-size:22px;font-weight:900}#squad-back{background:none;border:none;color:var(--dim);font-size:15px;cursor:pointer;width:70px;text-align:left}#squad-back:hover{color:var(--text)}.squad-spacer{width:70px}.squad-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px;overflow-y:auto}.squad-card{background:var(--panel);border:2px solid var(--edge);border-radius:14px;padding:20px 14px 16px;cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.squad-card:hover{transform:translateY(-5px);box-shadow:0 12px 34px -10px var(--glow)}.squad-card.on{background:#1d242d;box-shadow:0 0 26px -4px var(--glow)}.squad-emoji{font-size:46px;line-height:1}.squad-name{font-weight:900;letter-spacing:2px;font-size:17px}.squad-desc{color:var(--dim);font-size:12px;line-height:1.45;min-height:52px}.squad-stats{display:flex;flex-direction:column;gap:5px;width:100%;margin-top:auto}.stat-row{display:flex;justify-content:space-between;align-items:center}.stat-label{color:var(--dim);font-size:10px;letter-spacing:1px;font-weight:700}.pips{display:flex;gap:3px}.pip{width:15px;height:5px;border-radius:2px;background:#ffffff1f;display:inline-block}.kickoff{border:none;border-radius:10px;padding:16px;font-size:16px;font-weight:900;letter-spacing:1.5px;color:#14100a;cursor:pointer;transition:transform .1s ease,filter .15s ease}.kickoff:hover{filter:brightness(1.1)}.kickoff:active{transform:scale(.985)}.scorebug .team{display:flex;flex-direction:column;line-height:1.2}.scorebug .team .coach{color:var(--dim);font-size:10px;font-weight:400;letter-spacing:.5px}button.play span.synergy{display:inline-block;width:auto;margin-top:0;font-size:9px;font-weight:900;letter-spacing:.5px;color:#14100a;border-radius:8px;padding:1px 6px;vertical-align:middle;margin-left:4px}button.play span.synergy.shaky{background:none;border:1px solid var(--edge);color:var(--dim)}#intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#080b0ff0;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:introFade .3s ease}#intro.hidden{display:none}@keyframes introFade{0%{opacity:0}to{opacity:1}}.intro-card{text-align:center;max-width:460px;padding:20px;animation:introRise .35s ease}@keyframes introRise{0%{transform:translateY(20px)}to{transform:translateY(0)}}.intro-kicker{color:var(--dim);letter-spacing:5px;font-size:12px;font-weight:700}.intro-emoji{font-size:64px;margin-top:10px}.intro-name{font-size:36px;font-weight:900;letter-spacing:5px}.intro-desc{color:#c3ccd6;font-size:13px;margin-top:6px;line-height:1.5}.intro-vs{display:flex;align-items:center;gap:12px;color:var(--dim);font-weight:900;letter-spacing:2px;font-size:13px;margin:20px 0}.intro-vs span{flex:1;height:1px;background:var(--edge)}.intro-coach{color:var(--dim);font-size:13px;margin-left:6px}.overlay-alt{background:none;border:1.5px solid var(--edge);color:var(--text);font-weight:700;font-size:13px;letter-spacing:1px;padding:9px 22px;border-radius:6px;cursor:pointer;min-width:210px}.overlay-alt:hover{border-color:var(--dim)}.overlay-alt.dim{color:var(--dim)}body.print35{--bg: #f2e8d5;--panel: #e9dcc2;--edge: #22304a;--text: #22304a;--dim: #6b6353;--accent: #8a2f2b;--run: #274633;--pass: #22304a;--def: #8a2f2b;font-family:Georgia,Times New Roman,serif}body.print35-night{--bg: #161a24;--panel: #1c2130;--edge: #d8ceb4;--text: #d8ceb4;--dim: #9b937d;--accent: #c86f5a;--run: #9fbf8f;--pass: #a9c1e8;--def: #c86f5a;font-family:Georgia,Times New Roman,serif}body.print35 .lobby-btn,body.print35 button.play{background:#f7efdd;border:2px solid var(--edge);color:var(--text);font-variant:small-caps;letter-spacing:1px}body.print35 button.play{border-width:1px 1px 1px 3px}body.print35 .lobby-btn:hover:not(:disabled),body.print35 button.play:hover:not(:disabled){background:#efe4cb;border-color:var(--accent)}body.print35 .namerow input,body.print35 .joinrow input{background:#fbf5e6;color:var(--text);border:2px solid var(--edge);font-family:Georgia,Times New Roman,serif}body.print35 .team-chip{background:#f7efdd;color:var(--text)}body.print35 .squad-card.on{background:#efe4cb}body.print35 .tf-banner{background:#e9dcc2;border-bottom:2px solid var(--edge)}body.print35-night .lobby-btn,body.print35-night button.play{background:#202637;border:1px solid rgba(216,206,180,.45);color:var(--text);font-variant:small-caps;letter-spacing:1px}body.print35-night .lobby-btn:hover:not(:disabled),body.print35-night button.play:hover:not(:disabled){background:#273049;border-color:var(--accent)}body.print35-night .namerow input,body.print35-night .joinrow input{background:#12151f;color:var(--text);border:1px solid rgba(216,206,180,.45);font-family:Georgia,Times New Roman,serif}body.print35-night .team-chip{background:#202637;color:var(--text)}body.print35-night .squad-card.on{background:#273049}body.print35-night .tf-banner{background:#1c2130}body.crt82{--bg: #06070c;--panel: #101c36;--edge: #5b6b80;--text: #eef2f8;--dim: #8fa3bd;--accent: #ffd23e;--run: #57d97e;--pass: #7fb2ff;--def: #ff7a66;font-style:italic}body.crt82 .lobby-btn,body.crt82 button.play{background:linear-gradient(#1c3054,#101c36);border:1px solid #5b6b80;color:var(--text);text-transform:uppercase;letter-spacing:1px}body.crt82 .lobby-btn:hover:not(:disabled),body.crt82 button.play:hover:not(:disabled){background:linear-gradient(#24406e,#16264a);border-color:var(--accent)}body.crt82 .namerow input,body.crt82 .joinrow input{background:#0a1122;color:var(--text);border:1px solid #5b6b80}body.crt82 .team-chip{background:#0a1122;color:var(--text)}body.crt82 .squad-card.on{background:#16264a}body.crt82 .tf-banner{background:#101c36;border-bottom:2px solid var(--accent)}body.crt82:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(255,255,255,.025) 2px 3px);z-index:9999}