:root{--ink: #f3fffb;--ink-dim: #d6efe7;--gold: #ffd561;--glass: rgba(7, 30, 40, .36);--stroke: rgba(228, 255, 245, .5)}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#061019;color:var(--ink);font-family:Trebuchet MS,sans-serif}#game-root,#ui-layer{position:fixed;top:0;right:0;bottom:0;left:0}canvas{display:block;touch-action:none}.hidden{display:none!important}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}.hud-top{flex-wrap:nowrap;position:fixed;top:calc(env(safe-area-inset-top) + 8px);left:50%;transform:translate(-50%);display:flex;gap:10px}.hud-pill{min-width:94px;display:grid;justify-items:center;gap:2px;border:1px solid var(--stroke);border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 10px;white-space:nowrap}.hud-pill span{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-dim)}.hud-pill strong{font-size:18px;color:#fff9ce}.hud-left{position:fixed;left:10px;top:calc(env(safe-area-inset-top) + 96px);width:70px;display:grid;gap:8px}.metric-card{border:1px solid var(--stroke);border-radius:18px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 4px;text-align:center}.metric-card span{font-size:16px;line-height:1}.metric-icon{width:18px;height:18px;display:block;margin:0 auto;object-fit:contain;filter:brightness(0) invert(1)}.metric-card strong{display:block;font-size:15px;margin-top:3px}.hud-right{position:fixed;right:10px;top:calc(env(safe-area-inset-top) + 96px);width:86px;border:1px solid var(--stroke);border-radius:16px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px}.feed-title{font-size:11px;text-align:center;color:var(--ink-dim);margin-bottom:4px}.goal-feed{display:grid;gap:4px}.feed-item{display:flex;justify-content:center;gap:4px;font-size:17px}.feed-item em{font-style:normal;font-size:13px}.toast{position:fixed;left:50%;top:12px;transform:translate(-50%);z-index:45;padding:8px 14px;border-radius:14px;border:1px solid var(--stroke);background:#03141dc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:800}.pause-btn,.rotate-btn{border:2px solid rgba(255,255,255,.85);background:#061823e6;color:#fff;z-index:30;touch-action:manipulation}.pause-btn{position:fixed;right:12px;top:calc(env(safe-area-inset-top) + 8px);width:46px;height:46px;border-radius:12px}.rotate-btn{position:fixed;right:18px;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 148px);width:52px;height:52px;border-radius:50%}.joystick-wrap{position:fixed;right:12px;bottom:max(14px,env(safe-area-inset-bottom));z-index:30}.joystick-base{width:132px;height:132px;border-radius:50%;border:2px solid rgba(255,255,255,.8);background:#07162199;position:relative;touch-action:none}.joystick-stick{position:absolute;left:50%;top:50%;width:56px;height:56px;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(180deg,#eefbff,#b9dbe0);border:2px solid rgba(30,40,50,.5)}.actions{position:fixed;left:12px;bottom:max(14px,env(safe-area-inset-bottom));display:flex;gap:8px;z-index:30}.action-btn,.mode-btn{touch-action:manipulation}.action-btn{border:2px solid rgba(255,255,255,.84);border-radius:12px;padding:10px 12px;font-size:16px;font-weight:900;color:#1f2931}.action-btn.shoot{background:linear-gradient(180deg,#ff8d7e,#ea5c51)}.action-btn.pass{background:linear-gradient(180deg,#9bc9ff,#5d8ebf)}.action-btn.tackle{background:linear-gradient(180deg,#ffe37e,#dfbb4d)}.action-btn.skip{background:linear-gradient(180deg,#7ce5b0,#40a970)}.panel-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:none;place-items:center;z-index:60;background:radial-gradient(circle at 50% 10%,#424f5a73,#000000d9 60%);padding:14px}.panel-screen.show{display:grid}.panel-card{width:min(760px,95vw);border-radius:16px;background:linear-gradient(180deg,#0a202bf2,#081620eb);border:2px solid rgba(220,255,246,.45);padding:16px 18px}.mode-grid{display:grid;gap:9px}.mode-btn{border:2px solid rgba(255,255,255,.84);border-radius:12px;padding:11px 12px;font-size:19px;font-weight:900;background:linear-gradient(180deg,#ffd779,#e8ab43);color:#202930}.mode-btn.alt{background:linear-gradient(180deg,#9dc4d9,#6b92a7);color:#f2fbff}.mode-btn.diff.active{background:linear-gradient(180deg,#ffd779,#e8ab43)!important;color:#202930!important;box-shadow:0 0 0 3px #ffe48280 inset}.mode-btn.diff:not(.active){background:linear-gradient(180deg,#9dc4d9,#6b92a7)!important;color:#f2fbff!important}.difficulty-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 18px}.start-group{margin-top:6px}.setup-card label{display:grid;gap:4px}.setup-grid{display:grid;gap:10px;margin-bottom:10px}.setup-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.switch-row{display:flex!important;align-items:center;justify-content:space-between}.country-picker{display:grid;gap:6px;margin:10px 0}#country-search,#country-select,.setup-card select,.setup-card input[type=range]{width:100%}.setup-card select,#country-search,#country-select{min-height:0;max-height:none;height:46px;font-size:15px}.teammate-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px;margin:10px 0}.teammate-card{padding:10px;border:1px solid rgba(220,255,246,.45);border-radius:12px;background:#081922bf}.teammate-card h3{margin:0 0 8px}.skill-line{display:grid!important;grid-template-columns:52px 1fr 28px;align-items:center;gap:8px;margin-bottom:6px}.skill-line span,.skill-line em{font-style:normal;font-size:13px}.info-body{display:grid;gap:6px;max-height:min(62vh,500px);overflow:auto;text-align:left}.board-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.3);border-radius:10px;background:#05111a80}#menu-screen{background:radial-gradient(circle at 50% 18%,#0e162673,#000000d1 65%)}.home-hero{position:relative;width:100vw;height:100svh;max-width:100vw;text-align:center;display:block;overflow:hidden}.splash-stack{position:absolute;top:0;right:0;bottom:0;left:0}.home-splash{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center center;margin:0}.splash-overlay{position:absolute;left:50%;bottom:calc(max(8px,env(safe-area-inset-bottom)) + 18px);transform:translate(-50%);width:min(380px,calc(100% - 20px));background:linear-gradient(180deg,#081620a8,#061018b3);border:2px solid rgba(255,255,255,.4);border-radius:14px;padding:8px}@media (max-width: 900px){.hud-pill{min-width:82px}.hud-pill strong{font-size:18px}.actions{gap:6px}.action-btn{padding:8px 10px;font-size:14px}.joystick-base{width:122px;height:122px}.joystick-stick{width:52px;height:52px}.setup-grid.two-col{grid-template-columns:1fr 1fr}.mode-btn{font-size:17px;padding:10px}.splash-overlay{width:min(330px,calc(100% - 14px));padding:7px}}.setup-card{max-height:min(86svh,780px);overflow:auto}