#turf-root{position:fixed;inset:0;background:#0a0a12;color:#e7e7f0;font-family:system-ui,-apple-system,Segoe UI,Noto Sans JP,sans-serif;overflow:hidden;user-select:none}#turf-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair}.turf-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#9a9ab5;z-index:50}.turf-loading .spinner{width:38px;height:38px;border:3px solid #262640;border-top-color:#34e2c4;border-radius:50%;animation:turf-spin .8s linear infinite}@keyframes turf-spin{to{transform:rotate(360deg)}}.turf-noscript{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.turf-lobby{position:absolute;inset:0;background:linear-gradient(rgba(58,180,216,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(58,180,216,.045) 1px,transparent 1px),linear-gradient(180deg,#040c181a,#02050cf5),#040812;background-size:28px 28px,28px 28px,auto,auto;z-index:40;padding:24px;overflow:auto}.turf-lobby:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(30deg,transparent 0 22%,rgba(35,162,207,.08) 22% 23%,transparent 23% 48%,rgba(35,162,207,.06) 48% 49%,transparent 49%),linear-gradient(150deg,transparent 0 18%,rgba(58,226,196,.05) 18% 19%,transparent 19% 72%,rgba(75,124,255,.05) 72% 73%,transparent 73%);opacity:.9}.turf-lobby-shell{position:relative;width:min(1260px,100%);min-height:calc(100vh - 48px);margin:0 auto;padding:4px 0 76px}.turf-lobby-back{position:absolute;top:0;left:0;color:#9aa8c4;font-weight:700;font-size:15px;text-decoration:none}.turf-lobby-back:hover{color:#dfeeff}.turf-lobby-hero{text-align:center;padding:10px 120px 22px}.turf-lobby-title{position:relative;display:inline-flex;align-items:center;gap:28px;font-size:78px;line-height:.95;letter-spacing:0;margin:0;text-transform:uppercase;background:linear-gradient(180deg,#f0fbff,#9fd0ff 54%,#4b87e8);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 8px 24px rgba(67,146,255,.24))}.turf-lobby-title:before,.turf-lobby-title:after{content:"";width:70px;height:2px;background:linear-gradient(90deg,transparent,#55a8ff)}.turf-lobby-title:after{background:linear-gradient(90deg,#55a8ff,transparent)}.turf-lobby-sub{color:#b6bfd2;margin:12px 0 0;font-size:20px;line-height:1.4}.turf-featured-card,.turf-mode-card{position:relative;border:1px solid rgba(80,143,205,.45);border-radius:8px;background:linear-gradient(145deg,#0a1425f0,#060c18eb);color:inherit;font:inherit;cursor:pointer;overflow:hidden;transition:transform .14s ease,border-color .18s ease,box-shadow .18s ease}.turf-featured-card:hover,.turf-mode-card:hover{transform:translateY(-2px);border-color:#31e6f0;box-shadow:0 18px 48px #125b973d}.turf-featured-card:focus-visible,.turf-mode-card:focus-visible,.turf-lobby-back:focus-visible{outline:2px solid #31e6f0;outline-offset:3px}.turf-featured-card{width:min(980px,100%);min-height:206px;margin:6px auto 22px;display:grid;grid-template-columns:340px 1fr auto;align-items:center;gap:32px;padding:24px 30px;text-align:left}.turf-featured-preview-frame{position:relative;display:block;align-self:stretch;width:100%;max-width:none;min-height:150px;justify-self:center;overflow:hidden;border:1px solid rgba(74,171,221,.24);border-radius:11px;background:#040c18b8;box-shadow:inset 0 0 0 1px #87e6ff14,inset -34px 0 38px #050c18ad,0 18px 34px #186fb92e}.turf-featured-preview-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 64%,rgba(6,12,24,.28) 82%,rgba(6,12,24,.78) 100%),radial-gradient(circle at 18% 22%,rgba(64,231,240,.16),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.06),transparent 26%,rgba(0,0,0,.28))}.turf-featured-preview{display:block;width:100%;height:100%;min-height:150px;object-fit:cover;object-position:50% 46%;opacity:.92;filter:saturate(1.04) contrast(1.02)}.turf-mode-section{margin-top:18px}.turf-mode-section h2{display:flex;align-items:center;gap:14px;margin:0 0 12px;color:#f1f5ff;font-size:22px;line-height:1.2}.turf-mode-section h2:after{content:"";height:1px;flex:1;background:#7b9ac23d}.turf-section-icon{width:29px;height:29px;flex:none;color:#37e8ef;filter:drop-shadow(0 0 9px rgba(49,230,240,.42))}.turf-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}.turf-mode-card{min-height:118px;display:grid;grid-template-columns:84px 1fr auto;align-items:center;gap:18px;text-align:left;padding:20px 22px 20px 18px}.turf-mode-section:last-of-type .turf-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.turf-mode-icon{width:64px;height:64px;display:block;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(24,111,185,.2))}.turf-mode-body{min-width:0;display:flex;flex-direction:column;gap:8px}.turf-mode-badge{width:fit-content;border:1px solid #31e6f0;color:#41edf4;border-radius:7px;padding:4px 9px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0}.turf-mode-name{color:#f5f8ff;font-size:23px;font-weight:850;line-height:1.16}.turf-featured-card .turf-mode-name{font-size:34px}.turf-mode-tags{display:flex;gap:8px;flex-wrap:wrap}.turf-mode-tag{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(109,181,238,.34);border-radius:7px;color:#9fe5ff;background:#09192eb8;padding:3px 9px 4px;font-size:13px;font-weight:700;line-height:1;white-space:nowrap}.turf-tag-icon{width:14px;height:14px;flex:none;filter:drop-shadow(0 0 8px rgba(49,230,240,.18))}.turf-featured-card .turf-mode-tag{gap:7px;padding:5px 10px;font-size:14px}.turf-featured-card .turf-tag-icon{width:16px;height:16px}.turf-mode-desc{color:#b9c2d3;font-size:14px;line-height:1.35}.turf-mode-cta{justify-self:end;align-self:end;color:#4da8ff;font-weight:700;font-size:15px;white-space:nowrap}.turf-featured-card .turf-mode-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:18px;align-self:center;justify-self:center;min-width:188px;min-height:58px;color:#fff;background:linear-gradient(100deg,#19e5dc,#1da8f4 52%,#365cff);border:1px solid rgba(178,246,255,.78);border-radius:999px;padding:8px 26px 8px 9px;font-size:24px;font-weight:850;letter-spacing:0;box-shadow:inset 0 1px #ffffff61,inset 0 -2px #00145a33,0 0 18px #31e6f07a,0 12px 34px #2b58ff5c;text-shadow:0 2px 8px rgba(5,12,30,.42)}.turf-featured-card:hover .turf-mode-cta{box-shadow:inset 0 1px #ffffff75,inset 0 -2px #00145a33,0 0 24px #31e6f099,0 16px 42px #2b58ff6b}.turf-play-icon{position:relative;width:42px;height:42px;flex:none;border-radius:50%;background:#ffffff24;box-shadow:inset 0 1px #ffffff38,0 8px 18px #0081d53d}.turf-play-icon:before{content:"";position:absolute;left:14px;top:50%;width:12px;height:12px;border-top:5px solid #ffffff;border-right:5px solid #ffffff;border-radius:3px;transform:translateY(-50%) rotate(45deg)}.turf-lobby-footer{position:fixed;left:16px;right:16px;bottom:12px;display:flex;justify-content:center;padding:11px 18px;border:1px solid rgba(80,143,205,.24);border-radius:8px;background:#060e1beb;backdrop-filter:blur(8px)}.turf-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;color:#aab5ca;font-size:15px;line-height:1.2}.turf-controls strong{color:#d6def0;margin-right:6px}.turf-controls kbd{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 7px;border:1px solid rgba(178,202,239,.55);border-radius:5px;color:#dce7fa;background:#0d1523;font:700 13px system-ui,sans-serif;box-shadow:inset 0 -2px #ffffff0f}.turf-controls kbd.wide{min-width:66px}.turf-key-row{display:inline-flex;gap:6px}.turf-mouse-icon{position:relative;width:24px;height:31px;flex:none;border:1px solid rgba(178,202,239,.6);border-radius:13px 13px 11px 11px;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(178,202,239,.38) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(180deg,#0f1b2b,#0a1220);box-shadow:inset 0 -2px #ffffff0f,0 0 0 1px #1ccdf014,0 0 18px #36b5ff1f}.turf-mouse-icon:before{content:"";position:absolute;left:50%;top:5px;width:4px;height:8px;transform:translate(-50%);border-radius:999px;background:#6fdcff;box-shadow:0 0 10px #31e6f06b}.turf-mouse-icon:after{content:"";position:absolute;left:4px;right:4px;top:15px;height:1px;background:#b2caef47}.turf-mouse-icon--left-hold{border-color:#6fdcffbf;background:linear-gradient(90deg,rgba(49,230,240,.18) 0 calc(50% - .5px),rgba(178,202,239,.38) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(180deg,transparent 0 14px,rgba(178,202,239,.28) 14px 15px,transparent 15px),linear-gradient(180deg,#102238,#0a1220);box-shadow:inset 0 -2px #ffffff0f,0 0 0 1px #1ccdf01f,0 0 22px #36b5ff2e}.turf-mouse-icon--left-hold:before{left:5px;top:5px;width:8px;height:9px;transform:none;border-radius:7px 2px 4px;background:#77e8ff;box-shadow:0 0 12px #31e6f09e,inset 0 -1px #0208122e}.turf-mouse-icon--left-hold:after{inset:auto 5px -6px;height:2px;border-radius:999px;background:linear-gradient(90deg,#77e8ff 0 70%,#77e8ff2e 70% 100%);box-shadow:0 0 8px #31e6f073}.turf-hud{position:absolute;inset:0;pointer-events:none;z-index:30}.turf-topleft{position:absolute;top:16px;left:16px;display:flex;gap:20px}.turf-stat{background:#0808108c;backdrop-filter:blur(6px);border:1px solid #262640;border-radius:10px;padding:8px 14px}.turf-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#9a9ab5}.turf-stat-value{font-size:22px;font-weight:800}.turf-timer{position:absolute;top:16px;left:50%;transform:translate(-50%);font-size:26px;font-weight:800;background:#0808108c;border:1px solid #262640;border-radius:10px;padding:6px 18px;font-variant-numeric:tabular-nums}.turf-leaderboard{position:absolute;top:16px;right:16px;width:180px;background:#0808108c;backdrop-filter:blur(6px);border:1px solid #262640;border-radius:10px;padding:10px 12px}.turf-lb-title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#9a9ab5;margin-bottom:8px}.turf-lb-row{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:13px}.turf-lb-row.me{color:#34e2c4;font-weight:700}.turf-lb-row.out{opacity:.4;text-decoration:line-through}.turf-lb-color{width:10px;height:10px;border-radius:3px;flex:none}.turf-lb-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.turf-lb-pct{font-variant-numeric:tabular-nums;color:#c9c9dd}.turf-lb-row.me .turf-lb-pct{color:#34e2c4}.turf-dash{position:absolute;bottom:22px;left:50%;transform:translate(-50%);width:260px;text-align:center}.turf-dash-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#9a9ab5;margin-bottom:5px}.turf-dash-bar{position:relative;height:12px;background:#080810b3;border:1px solid #262640;border-radius:999px;overflow:hidden}.turf-dash-fill{height:100%;width:0%;background:#34e2c4;transition:width .08s linear,background .2s ease}.turf-dash-marker{position:absolute;top:-2px;width:2px;height:16px;background:#ffffff80}.turf-status{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:700;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.6)}.turf-exit{position:absolute;top:16px;left:50%;transform:translate(-50%) translateY(46px);pointer-events:auto;background:#0808108c;border:1px solid #262640;color:#9a9ab5;border-radius:999px;padding:4px 14px;font-size:12px;font-weight:600;cursor:pointer}.turf-exit:hover{color:#e7e7f0;border-color:#34e2c4}.turf-result{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#06060cc7;backdrop-filter:blur(4px);pointer-events:auto;z-index:45}.turf-result-card{box-sizing:border-box;width:min(508px,calc(100% - 32px));text-align:center;background:#12121f;border:1px solid #262640;border-radius:18px;padding:36px 44px}.turf-result-card h2{font-size:40px;margin:0 0 6px}.turf-result-card p{color:#9a9ab5;margin:0 0 24px;font-size:16px}.turf-result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.turf-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:11px 22px;border-radius:999px;font-weight:700;font-size:15px;border:1px solid rgba(120,175,240,.18);cursor:pointer;background:transparent;color:#e7e7f0;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.turf-btn-icon{width:20px;height:20px;flex:0 0 auto}.turf-btn-primary{min-width:166px;border-color:#bdf0ffcc;background:linear-gradient(135deg,#9beaff,#74c9ff);color:#081523;box-shadow:0 8px 24px #4dbeff33,inset 0 1px #ffffffa6}.turf-btn-primary .turf-btn-icon{width:22px;height:22px}.turf-btn-primary:hover{transform:translateY(-1px);background:linear-gradient(135deg,#b2f0ff,#86d2ff);box-shadow:0 10px 28px #4dbeff4d,inset 0 1px #ffffffb8}.turf-btn.secondary:hover{transform:translateY(-1px);border-color:#52c8ff;background:#52c8ff12;color:#9beaff}.turf-btn:focus-visible{outline:2px solid #b2f0ff;outline-offset:3px}@media (max-width: 560px){.turf-result-card{padding:30px 18px}.turf-lobby{padding:14px}.turf-lobby-shell{min-height:calc(100vh - 28px);padding-bottom:150px}.turf-lobby-back{position:static;display:inline-flex;margin-bottom:12px}.turf-lobby-hero{padding:4px 0 18px}.turf-lobby-title{font-size:48px;gap:12px}.turf-lobby-title:before,.turf-lobby-title:after{width:34px}.turf-lobby-sub{font-size:16px}.turf-featured-card{grid-template-columns:1fr;min-height:0;gap:16px;padding:16px}.turf-featured-preview-frame{min-height:112px;max-width:none;border-radius:8px}.turf-featured-preview{min-height:112px}.turf-featured-card .turf-mode-name{font-size:26px}.turf-featured-card .turf-mode-cta{width:100%}.turf-mode-grid,.turf-mode-section:last-of-type .turf-mode-grid{grid-template-columns:1fr}.turf-mode-card{grid-template-columns:54px 1fr;min-height:0;gap:14px;padding:16px}.turf-mode-icon{width:48px;height:48px}.turf-mode-name{font-size:20px}.turf-mode-card .turf-mode-cta{grid-column:2;justify-self:start}.turf-lobby-footer{padding:10px 12px}.turf-controls{gap:8px;font-size:13px}.turf-leaderboard{width:140px}.turf-topleft{gap:10px}.turf-stat-value{font-size:18px}}@media (min-width: 561px) and (max-width: 980px){.turf-lobby-shell{padding-bottom:112px}.turf-lobby-hero{padding:18px 90px 22px}.turf-lobby-title{font-size:64px}.turf-featured-card{grid-template-columns:260px 1fr;gap:24px}.turf-featured-card .turf-mode-cta{grid-column:2;justify-self:start;margin-top:4px}.turf-mode-section:last-of-type .turf-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}