:where(html,body,body *){touch-action:manipulation}:root{--panel: rgba(14, 18, 20, .62);--panel-strong: rgba(10, 13, 15, .86);--line: rgba(255, 255, 255, .12);--text: #eef1ee;--muted: #a9b2ad;--accent: #d4a24c;--accent-ink: #1d1508;--warn: #ffb84d;--danger: #ff6a5a;--ok: #7fe0a0;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0b0e10;color:var(--text);overflow:hidden}#app{position:fixed;inset:0}#view{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none}.hidden{display:none!important}#loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#0b0e10;z-index:50}.ld-title{font-size:28px;letter-spacing:.08em;font-weight:600}.ld-bar{width:320px;height:4px;background:#222a2e;border-radius:2px;overflow:hidden}#ld-fill{width:0;height:100%;background:var(--accent);transition:width .2s}#ld-label{color:var(--muted);font-size:13px}#hud{position:absolute;inset:0;pointer-events:none;font-size:13px;text-shadow:0 1px 2px rgba(0,0,0,.6)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;backdrop-filter:blur(4px)}.hud-spot{position:absolute;top:14px;left:16px;padding:8px 12px}.hud-spot .t{font-weight:600;font-size:14px}.hud-spot .s{color:var(--muted);font-size:12px}.hud-tackle{position:absolute;left:16px;bottom:16px;width:300px;padding:10px 12px}.hud-row{display:flex;justify-content:space-between;gap:8px;margin:2px 0}.hud-row .k{color:var(--muted)}.hud-row .v{font-variant-numeric:tabular-nums;font-weight:600}.hud-action{font-size:15px;font-weight:600;margin-bottom:6px;color:var(--accent)}.bar{position:relative;height:8px;background:#ffffff1a;border-radius:4px;margin:4px 0 8px;overflow:visible}.bar .fill{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:var(--ok)}.bar .mark{position:absolute;top:-3px;bottom:-3px;width:2px;background:#fff}.bar .mark.brk{background:var(--danger)}.bar-label{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.hud-hints{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:52vw}.hint{padding:5px 9px;font-size:12.5px}.key{display:inline-block;min-width:20px;padding:1px 6px;margin-right:5px;border:1px solid rgba(255,255,255,.45);border-radius:4px;font-size:11px;font-weight:700;text-align:center;background:#ffffff14}.hud-msg{position:absolute;top:16%;left:50%;transform:translate(-50%);padding:8px 16px;font-size:15px;font-weight:600;transition:opacity .4s;text-align:center}.hud-charge{position:absolute;left:50%;top:58%;transform:translate(-50%);width:220px}.hud-charge .bar{height:10px}.crosshair{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:#ffffffbf;box-shadow:0 0 2px #000}.hud-section{position:absolute;right:16px;bottom:16px;padding:8px;width:360px}.hud-section canvas{display:block;width:344px;height:170px}.hud-section .cap{color:var(--muted);font-size:11px;margin-top:4px;display:flex;justify-content:space-between}.hud-debug{position:absolute;top:14px;right:16px;padding:8px 10px;font:11.5px/1.45 Consolas,Courier New,monospace;white-space:pre;max-height:calc(100vh - 230px);overflow:hidden}.catch{position:absolute;right:8%;top:50%;transform:translateY(-50%);width:360px;padding:18px 20px;background:var(--panel-strong);pointer-events:auto}.catch h2{margin:0 0 4px;font-size:26px}.catch .latin{color:var(--muted);font-style:italic;margin-bottom:12px}.catch .big{display:flex;gap:22px;margin:10px 0 14px}.catch .big div{font-size:28px;font-weight:700}.catch .big small{display:block;font-size:11px;color:var(--muted);font-weight:400}.catch .note{color:var(--muted);font-size:11px;margin-top:10px}#menu{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0a0e108c,#050708d9);z-index:20}.menu-box{width:min(980px,94vw);max-height:92vh;overflow:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:18px;padding:22px 24px;background:var(--panel-strong);border:1px solid var(--line);border-radius:12px}.menu-box h1{margin:0;font-size:30px;letter-spacing:.03em}.menu-box h3{margin:16px 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.menu-box p{margin:6px 0;color:#cfd6d2;line-height:1.45;font-size:13.5px}.btn{pointer-events:auto;cursor:pointer;border:1px solid rgba(255,255,255,.25);background:#ffffff0f;color:var(--text);padding:8px 14px;border-radius:6px;font-size:14px}.btn:hover{background:#ffffff24}.btn.primary{background:var(--accent);color:#142000;border-color:transparent;font-weight:700;font-size:16px;padding:12px 22px}.btn.small{padding:4px 9px;font-size:12px}.controls{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;font-size:13px;align-items:center}.controls .k2{white-space:nowrap}.set-row{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:8px;margin:6px 0;font-size:13px}.set-row select,.set-row input[type=range]{width:100%}select{background:#1a2226;color:var(--text);border:1px solid var(--line);border-radius:4px;padding:3px}.scen{display:flex;flex-wrap:wrap;gap:6px}.status{font-size:12px;color:var(--muted)}.tag{display:inline-block;font-size:10.5px;padding:1px 6px;border-radius:3px;margin-left:6px;vertical-align:middle}.tag.ready{background:#7fe0a033;color:var(--ok)}.tag.planned{background:#ffb84d2e;color:var(--warn)}@media (max-width: 800px){.menu-box{grid-template-columns:1fr}}#fade{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .25s;z-index:15}#fade.on{opacity:1}#touch{position:absolute;inset:0;z-index:12;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#touch button{touch-action:none;-webkit-tap-highlight-color:transparent;font-family:inherit;color:var(--text)}.t-joy-base{position:absolute;width:132px;height:132px;margin:-66px 0 0 -66px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:#0a0e1040;pointer-events:none}.t-joy-knob{position:absolute;left:50%;top:50%;width:56px;height:56px;transform:translate(-50%,-50%);border-radius:50%;background:#ffffff73}.t-top{position:absolute;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100vw - 240px)}.t-small{min-width:38px;height:36px;padding:0 8px;border-radius:8px;border:1px solid rgba(255,255,255,.28);background:#0a0e108c;font-size:12.5px}.t-drag{display:inline-flex;align-items:center;gap:4px;background:#0a0e1073;border-radius:8px;padding:0 4px}.t-drag-l{font-size:12px;color:var(--muted);padding:0 4px}.t-cluster{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,auto);grid-auto-flow:dense;gap:10px;align-items:end;justify-items:end}.t-btn{width:76px;height:76px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:#0a0e1080;font-size:13px;font-weight:700;line-height:1.1;padding:4px}.t-btn.on{background:#d4a24c59;border-color:var(--accent)}.t-main{width:104px;height:104px;font-size:15px;border-color:var(--accent);grid-column:2}.t-strike{border-color:var(--danger);color:#ffd0ca}.t-alt{width:58px;height:58px;font-size:12px;align-self:end;justify-self:center}.t-net{border-color:var(--ok);color:#c9f5d6;width:92px;height:92px}body.is-touch .hud-hints,body.is-touch .crosshair{display:none}body.is-touch .hud-spot{top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));padding:4px 8px}@media (max-height: 520px),(max-width: 900px){.hud-tackle{width:210px;padding:6px 8px;font-size:11px;left:max(8px,env(safe-area-inset-left));bottom:auto;top:54px}.hud-action{font-size:12px;margin-bottom:2px}.hud-row{margin:0}.hud-spot .t{font-size:12px}.hud-spot .s{font-size:10px}.hud-section{width:220px;padding:4px;right:auto;left:max(8px,env(safe-area-inset-left));bottom:max(8px,env(safe-area-inset-bottom))}.hud-section canvas{width:212px;height:105px}.hud-msg{top:12%;font-size:13px;padding:5px 10px;max-width:70vw}.catch{right:auto;left:50%;transform:translate(-50%,-50%);width:min(360px,80vw);padding:12px 14px;max-height:86vh;overflow:auto}.catch h2,.catch .big div{font-size:20px}.menu-box{padding:14px;gap:10px;max-height:96vh}.menu-box h1{font-size:22px}}body.is-touch .hud-section{bottom:max(8px,env(safe-area-inset-bottom))}body.is-touch .hud-tackle{pointer-events:none}#rotate{display:none;position:fixed;inset:0;z-index:60;background:#0b0e10;color:var(--text);align-items:center;justify-content:center;text-align:center;padding:24px;font-size:18px}html,body{overscroll-behavior:none}#view{touch-action:none}body.is-touch .hud-spot{top:auto;bottom:max(6px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);padding:3px 8px;text-align:center;opacity:.85}body.is-touch .hud-spot .t{font-size:11px}body.is-touch .hud-spot .s{display:none}body.is-touch .hud-tackle{top:max(8px,env(safe-area-inset-top));width:220px}body.is-touch .hud-tackle>:nth-child(4),body.is-touch .hud-tackle>:nth-child(5),body.is-touch .hud-tackle>:nth-child(8){display:none}body.is-touch .hud-msg{top:60px}body.is-touch .catch{left:auto;right:calc(150px + env(safe-area-inset-right));top:54px;transform:none;width:min(300px,42vw);max-height:calc(100vh - 100px);padding:10px 12px}body.is-touch .catch>div[style],body.is-touch .catch .note{display:none}body.is-touch .catch .big{margin:6px 0;gap:14px}.credits{margin-top:14px;font-size:12px;opacity:.85}.credits summary{cursor:pointer;font-weight:600}.credits p{margin:6px 0}.credits a{color:inherit}.fs-hint{font-size:12px;opacity:.85;margin:-6px 0 12px}#app{height:100dvh}.status.warn{color:#ffb36b}.room-code{font:700 18px/1 Consolas,monospace;letter-spacing:3px;color:var(--accent)}.menu-box input[data-a]{background:#00000059;color:var(--text);border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:6px 8px;font:inherit;min-width:0;flex:1}.gsi{margin:6px 0;min-height:36px}#chat{position:absolute;left:max(16px,env(safe-area-inset-left));top:38%;width:min(380px,60vw);z-index:12;pointer-events:none;font-size:13px}#chat .chat-line{background:#0a0e108c;color:var(--text);padding:3px 8px;border-radius:6px;margin-top:3px;width:fit-content;max-width:100%;overflow-wrap:anywhere;transition:opacity 1s}#chat .chat-line.old{opacity:0}#chat .chat-line b.me{color:var(--accent)}#chat .chat-line i{color:#cfd8c0}#chat.open .chat-log{max-height:40vh;overflow-y:auto;pointer-events:auto}#chat .chat-input{pointer-events:auto;width:100%;margin-top:6px;background:#0009;color:var(--text);border:1px solid var(--accent);border-radius:6px;padding:7px 9px;font:inherit}.chat-btn{position:absolute;z-index:13;left:max(8px,env(safe-area-inset-left));top:50%;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#0a0e108c;font-size:20px}#menu{background:linear-gradient(180deg,#06090b59,#06090b9e 55%,#040607e6);backdrop-filter:blur(2px)}#menu .menu-box{display:block;grid-template-columns:none;background:#0e1316c7;border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 24px 80px #00000073;backdrop-filter:blur(14px)}#menu h2{margin:0 0 6px;font-size:18px}.btn{transition:background .15s,transform .08s;font-family:inherit}.btn:active{transform:translateY(1px)}.btn.primary:hover{background:#e6ff55}.btn.ghost{background:transparent;border-color:#ffffff2e;color:var(--muted)}.btn.wide{width:100%}.btn.big{font-size:20px;padding:16px 40px;border-radius:12px}.btn:disabled{opacity:.45;cursor:default}.start-box{width:min(880px,94vw);max-height:94vh;overflow:auto;padding:34px 36px 26px}.start-box.narrow{width:min(560px,94vw)}.brand{text-align:center;margin-bottom:26px}.brand-kicker{color:var(--accent);font-size:12px;letter-spacing:.28em;text-transform:uppercase;font-weight:700}.brand h1{margin:8px 0 10px;font-size:clamp(30px,5vw,46px);line-height:1.05;letter-spacing:.01em}.brand .lead{max-width:600px;margin:0 auto;color:#cfd6d2;font-size:15px;line-height:1.5}.entry{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:stretch}.entry-card{background:#ffffff0b;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:10px}.entry-card .status{margin:0 0 4px;font-size:13px;line-height:1.45}.entry-or{align-self:center;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.2em}.gsi{min-height:44px;display:flex;align-items:center}.row-inline{display:flex;gap:8px;align-items:center;margin:6px 0}.row-inline.big input{font-size:17px;padding:12px 14px}.join-row{margin-top:6px;padding-top:12px;border-top:1px dashed rgba(255,255,255,.12)}#menu input[data-a]{background:#00000059;color:var(--text);border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:8px 10px;font:inherit;min-width:0;flex:1}#menu input[data-a=roomcode]{letter-spacing:.18em;text-transform:uppercase;font-family:Consolas,monospace}#menu input[data-a]:focus{outline:none;border-color:var(--accent)}.start-box>.btn.ghost{display:block;margin:18px auto 0}.main-box{width:min(1060px,96vw);height:min(88vh,780px);display:flex!important;flex-direction:column;padding:0;overflow:hidden}.menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px 10px}.menu-title{font-weight:800;font-size:18px;letter-spacing:.02em}.menu-who{display:flex;align-items:center;gap:8px}.chip{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;background:#ffffff12;font-size:13px;font-weight:600}.dot{width:8px;height:8px;border-radius:50%;background:#8a9590}.dot.on{background:var(--accent);box-shadow:0 0 8px var(--accent)}.tabs{display:flex;gap:4px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08);overflow-x:auto;scrollbar-width:none}.tab{flex:none;background:none;border:none;color:var(--muted);font-family:inherit;font-size:14px;font-weight:600;line-height:1;padding:12px 14px;cursor:pointer;border-bottom:2px solid transparent}.tab:hover{color:var(--text)}.tab.on{color:var(--text);border-bottom-color:var(--accent)}.tab-body{flex:1;overflow-y:auto;padding:18px 22px 24px}.tab-body h3{margin:20px 0 10px}.tab-body>h3:first-child{margin-top:4px}.play-hero{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:4px 0 6px}.play-where{display:flex;flex-direction:column;gap:3px}.play-where b{font-size:16px}.play-where span{color:var(--muted);font-size:13px}.spot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.spot-card{position:relative;text-align:left;display:flex;flex-direction:column;gap:4px;padding:0 0 12px;border-radius:12px;overflow:hidden;cursor:pointer;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text);font-family:inherit;font-size:13px;transition:border-color .15s,transform .12s}.spot-card:hover{border-color:#ffffff4d;transform:translateY(-2px)}.spot-card.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.spot-img{display:block;width:100%;height:0;padding-top:56.25%;background-color:#22333a;background-position:center;background-size:cover;background-repeat:no-repeat;margin-bottom:6px}.spot-name{padding:0 12px;font-weight:700;font-size:14px}.spot-desc{padding:0 12px;color:var(--muted);font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.spot-here{position:absolute;top:8px;left:8px;background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px}.pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pill{cursor:pointer;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:var(--text);border-radius:999px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.2}.pill:hover{background:#ffffff1f}.pill.on{background:#d4a24c29;border-color:var(--accent);color:#f4e2bd}.pill.muted{cursor:default;color:var(--muted);border-style:dashed}.pill:disabled{opacity:.45;cursor:default}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}.room-box{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px}.room-box .status{margin:2px 0 8px}.room-live{display:flex;justify-content:space-between;align-items:center}.stats{display:flex;gap:14px;margin:10px 0 4px}.stats>div{background:#ffffff0d;border-radius:12px;padding:12px 18px;display:flex;flex-direction:column}.stats b{font-size:22px;color:var(--accent)}.stats span{color:var(--muted);font-size:12px}.j-row{display:grid;grid-template-columns:1.2fr 1.4fr 1.2fr;gap:10px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px}.j-row span:first-child{color:var(--muted)}.empty{margin:30px 0;text-align:center;color:var(--muted);font-size:15px}.tip{margin-top:18px;background:#d4a24c12;border-left:3px solid var(--accent);padding:12px 14px;border-radius:8px;font-size:13px;line-height:1.5}details.dev{margin-top:22px;color:var(--muted);font-size:13px}details.dev summary{cursor:pointer}.set-row{grid-template-columns:170px 1fr}@media (max-width: 760px),(max-height: 520px){.start-box{padding:18px 18px 14px}.brand{margin-bottom:12px}.brand h1{font-size:26px;margin:4px 0 6px}.brand .lead{font-size:13px}.entry{grid-template-columns:1fr 1fr;gap:10px}.entry-or{display:none}.entry-card{padding:12px;gap:6px}.entry-card h2{font-size:16px}.main-box{height:94vh}.menu-head{padding:10px 14px 6px}.tab-body{padding:12px 14px 16px}.btn.big{font-size:17px;padding:12px 28px}.spot-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.spot-desc{display:none}.two-col{grid-template-columns:1fr}}@media (max-width: 560px){.entry{grid-template-columns:1fr}}.room-box .row-inline input{max-width:220px}.talk-btn{position:absolute;z-index:13;left:max(8px,env(safe-area-inset-left));top:calc(50% + 54px);width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#0a0e108c;font-size:22px;touch-action:none}.talk-btn.on{background:#d4a24c66;border-color:var(--accent)}.talk-ind{position:absolute;z-index:13;left:50%;bottom:110px;transform:translate(-50%);background:#0a0e10b3;color:var(--accent);padding:6px 14px;border-radius:999px;font-weight:700;font-size:14px;pointer-events:none}body.is-touch,body.is-touch *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body.is-touch input,body.is-touch textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.chat-close{position:absolute;right:0;bottom:0;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#0a0e10bf;color:#fff;font-size:16px;pointer-events:auto}body.is-touch #chat.open .chat-input{width:calc(100% - 44px)}#chat:not(.open) .chat-close,body:not(.is-touch) .chat-close{display:none}.j-row.rank{grid-template-columns:2.4em 1fr auto}.j-row.rank.me{color:var(--accent)}.contest-card{border:1px solid rgba(212,162,76,.35);background:#d4a24c0f;border-radius:10px;padding:10px 12px;margin-bottom:8px}.contest-title{font-weight:700;font-size:16px;margin-bottom:4px}.support{border:1px solid rgba(212,162,76,.35);border-radius:10px;padding:10px 12px;margin-bottom:12px}.support a.btn{display:inline-block;text-decoration:none;margin-top:4px}.tutorial{position:absolute;z-index:14;top:max(64px,calc(env(safe-area-inset-top) + 56px));left:50%;transform:translate(-50%);width:min(560px,calc(100vw - 32px));background:#0a0e10d6;border:1px solid rgba(212,162,76,.55);border-radius:12px;padding:10px 14px 12px;color:var(--text);font-size:15px;line-height:1.4;box-shadow:0 6px 24px #00000059}.tutorial .tut-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.tutorial .tut-step{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.tutorial .tut-skip{background:transparent;border:1px solid rgba(255,255,255,.25);color:var(--muted);border-radius:999px;padding:3px 10px;font-size:12px;cursor:pointer}.tutorial .tut-text b{color:var(--accent)}.tutorial .tut-note{margin-top:6px;color:#f0c674;font-size:13px;min-height:0}.tutorial .tut-note:empty{display:none}.tut-again{margin-bottom:10px}body.is-touch .tutorial{left:auto;right:max(12px,env(safe-area-inset-right));transform:none;width:min(460px,calc(100vw - 280px));font-size:13px;padding:8px 12px 10px;top:max(58px,calc(env(safe-area-inset-top) + 52px))}.install-card{border:1px solid rgba(212,162,76,.5);background:#d4a24c12;border-radius:12px;padding:10px 12px;margin:6px 0 4px;font-size:13px;line-height:1.4}.install-card .ic-title{font-weight:800;font-size:15px;color:var(--accent);margin-bottom:4px}.install-card p{margin:0 0 6px}.install-card .ic-steps{margin:4px 0 8px;padding-left:20px}.install-card .ic-steps li{margin:2px 0}.install-card .ic-icon{display:inline-block;border:1px solid rgba(255,255,255,.4);border-radius:5px;padding:0 5px;font-size:12px}@media (max-height: 500px){.install-card{padding:6px 10px;font-size:12px;margin:2px 0}.install-card .ic-title{font-size:13px;margin-bottom:2px}.install-card .ic-steps{display:flex;flex-wrap:wrap;gap:4px 14px;list-style-position:inside;padding-left:0;margin:2px 0 4px}.install-card p{margin-bottom:3px}}.install-card .ic-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.install-card .ic-title .btn{font-size:11px;padding:3px 10px}@media (max-height: 500px){body.is-touch .start-box .lead{display:none}}@media (orientation: portrait){body.is-touch .t-top{left:max(6px,env(safe-area-inset-left));right:max(6px,env(safe-area-inset-right));max-width:none;justify-content:center;gap:4px}body.is-touch .t-small{height:32px;padding:0 7px;font-size:12px;min-width:34px}body.is-touch .hud-tackle{top:calc(max(8px,env(safe-area-inset-top)) + 80px);left:max(6px,env(safe-area-inset-left));width:min(220px,58vw)}body.is-touch .hud-section{bottom:auto;top:46%;width:168px}body.is-touch .hud-section canvas{width:160px;height:80px}body.is-touch .tutorial{left:max(6px,env(safe-area-inset-left));right:max(6px,env(safe-area-inset-right));width:auto;top:calc(max(8px,env(safe-area-inset-top)) + 214px);font-size:13px}body.is-touch .hud-msg{top:34%;max-width:88vw}body.is-touch .catch{right:max(6px,env(safe-area-inset-right));left:max(6px,env(safe-area-inset-left));transform:none;top:calc(max(8px,env(safe-area-inset-top)) + 84px);width:auto;max-height:52vh;box-sizing:border-box}body.is-touch .hud-spot{bottom:auto;top:calc(max(8px,env(safe-area-inset-top)) + 84px);left:auto;right:8px;transform:none;max-width:40vw}}.spot-img{position:relative}.spot-podium{position:absolute;left:6px;right:6px;bottom:6px;display:flex;flex-direction:column;gap:1px;padding:4px 7px;border-radius:8px;background:#080c0ebd;font-size:11.5px;line-height:1.35;pointer-events:none}.spot-podium.empty{color:var(--muted);display:block;left:auto;right:6px;padding:2px 8px;border-radius:999px;font-size:11px}.pod-row{display:flex;align-items:baseline;gap:5px;min-width:0}.pod-m{flex:none;align-self:center;width:15px;height:15px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:800;color:#2a1f05;box-shadow:inset 0 -1px #00000040,0 0 0 1px #00000059}.pod-m.m1{background:radial-gradient(circle at 35% 30%,#fff3b0,#f2c230 55%,#b8860b)}.pod-m.m2{background:radial-gradient(circle at 35% 30%,#fff,#c9d0d6 55%,#8c959c);color:#1e2328}.pod-m.m3{background:radial-gradient(circle at 35% 30%,#ffd9b0,#c8814a 55%,#8a5228);color:#2a1408}.pod-n{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.pod-f{margin-left:auto;flex:none;color:var(--muted)}.t-joy-zone{position:absolute;left:0;bottom:0;width:30vw;height:55vh;pointer-events:none}.t-joy-zone span{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));font-size:18px;opacity:.25}@media (orientation: portrait){.t-joy-zone{width:45vw;height:38vh}}#menu,#loading,#rotate{box-sizing:border-box;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}#menu .menu-box,#menu .start-box{max-height:100%;max-width:100%;box-sizing:border-box}body.is-touch .hud-tackle{left:max(8px,env(safe-area-inset-left))}body.is-touch .catch{max-height:calc(100vh - 100px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}#tacklebox{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#03060873;box-sizing:border-box;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));touch-action:none}#tacklebox.hidden{display:none}.tb-box{width:min(640px,100%);max-height:100%;overflow:auto;border-radius:18px;background:linear-gradient(160deg,#465c648c,#162024d1);border:2px solid rgba(190,220,230,.28);box-shadow:inset 0 1px #ffffff2e,0 24px 70px #00000080;backdrop-filter:blur(10px);color:var(--text)}.tb-lid{position:relative;display:flex;align-items:center;justify-content:space-between;padding:12px 14px 8px;border-bottom:2px solid rgba(190,220,230,.18)}.tb-handle{position:absolute;left:50%;top:4px;width:90px;height:6px;transform:translate(-50%);border-radius:4px;background:#bedce640}.tb-title{font-weight:800;font-size:17px;margin-top:4px}.tb-close{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#0000004d;color:var(--text);font-size:16px;cursor:pointer}.tb-tabs{display:flex;gap:4px;padding:8px 10px 0;overflow-x:auto}.tb-tab{flex:none;border:1px solid rgba(255,255,255,.16);border-bottom:none;border-radius:10px 10px 0 0;background:#00000038;color:var(--muted);padding:7px 12px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.tb-tab.on{background:#d4a24c24;color:var(--text);border-color:#d4a24c80}.tb-soon{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:1px 5px;border-radius:999px;background:#ffffff1f;color:var(--muted)}.tb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:6px;margin:0 10px;padding:8px;border-radius:0 10px 10px;background:#00000047;box-shadow:inset 0 2px 8px #00000073}.tb-cell{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:140px;padding:6px 8px 10px;border-radius:8px;border:1.5px solid rgba(190,220,230,.16);background:linear-gradient(180deg,#ffffff0f,#ffffff05);box-shadow:inset 0 1px #ffffff14;color:var(--text);font:inherit;cursor:pointer;text-align:center}.tb-cell:disabled{cursor:not-allowed;opacity:.55}.tb-cell.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}button.tb-cell:not(:disabled):hover{border-color:#d4a24c8c}.tb-jig{width:120px;height:72px;object-fit:contain;pointer-events:none;user-select:none}.tb-dim{color:var(--muted);font-size:13px}.tb-wide{grid-column:1 / -1;cursor:default}.tb-rod{width:min(420px,100%);height:auto;aspect-ratio:5 / 3;object-fit:contain;max-height:120px;pointer-events:none}.tb-name{font-weight:800;font-size:16px}.tb-meta{font-size:11.5px;color:var(--accent);font-weight:700}.tb-note{font-size:11px;color:var(--muted);line-height:1.3}.tb-on{position:absolute;top:6px;left:6px;font-size:9.5px;font-weight:800;text-transform:uppercase;padding:1px 6px;border-radius:999px;background:var(--accent);color:#111}.tb-key{position:absolute;top:6px;right:7px;font-size:10px;color:var(--muted);border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:0 4px}body.is-touch .tb-key{display:none}.tb-slot{min-height:74px;cursor:default}.tb-hint{margin:8px 14px 14px;font-size:12.5px;color:var(--muted)}@media (max-height: 500px){.tb-cell{min-height:0}.tb-note{display:none}.tb-jig{height:52px}}.ld-beta{display:inline-block;vertical-align:super;margin-left:6px;padding:2px 7px;border-radius:6px;background:var(--accent);color:#111;font-size:12px;font-weight:800;letter-spacing:.08em;line-height:1.3}h1 .ld-beta{font-size:.32em;vertical-align:.9em}.menu-title .ld-beta{font-size:10px;padding:1px 6px;vertical-align:.3em}.status.ok{color:var(--ok)}#school-banner{position:absolute;z-index:30;left:50%;top:max(70px,calc(env(safe-area-inset-top) + 64px));transform:translate(-50%);width:min(460px,calc(100vw - 24px));padding:12px 14px;border-radius:14px;background:#0a1e24e6;border:1.5px solid rgba(120,220,255,.55);box-shadow:0 10px 40px #00000073,0 0 24px #50c8ff40;color:var(--text);text-align:center;animation:sb-in .35s ease-out}#school-banner.hidden{display:none}@keyframes sb-in{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.sb-t{font-weight:800;font-size:17px}.sb-s{font-size:13px;color:#cfe6ee;margin:4px 0 8px}.sb-b{display:flex;gap:8px;justify-content:center}#school-badge{position:absolute;z-index:13;left:50%;transform:translate(-50%);top:max(8px,env(safe-area-inset-top));padding:4px 10px;border-radius:999px;border:1px solid rgba(120,220,255,.5);background:#0a1e24b3;color:#d8f2fb;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}#school-badge.here{border-color:var(--accent);color:var(--accent)}#school-badge.hidden{display:none}body.is-touch #school-badge{top:auto;left:max(40px,calc(env(safe-area-inset-left) + 34px));transform:none;bottom:max(10px,env(safe-area-inset-bottom));max-width:calc(100vw - 190px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spot-school{position:absolute;top:8px;right:8px;padding:2px 8px;border-radius:999px;background:#0a1e24d9;border:1px solid rgba(120,220,255,.6);color:#d8f2fb;font-size:11.5px;font-weight:800}.school-next{margin-top:8px}.pill-where{color:var(--muted);font-weight:600;margin-left:4px}.pill.go{border-color:#78dcff99}#update-banner{position:absolute;z-index:45;left:50%;transform:translate(-50%);bottom:max(14px,calc(env(safe-area-inset-bottom) + 10px));padding:9px 16px;border-radius:12px;cursor:pointer;background:#0a0e10eb;border:1px solid rgba(212,162,76,.55);box-shadow:0 8px 30px #00000073;color:var(--text);font-size:13.5px;font-weight:700;white-space:nowrap;max-width:calc(100vw - 24px);box-sizing:border-box}@media (max-width: 480px){#update-banner{white-space:normal;width:max-content;text-align:center}}.club-list{display:flex;flex-direction:column;gap:4px;margin-top:6px}.club-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;padding:6px 10px;border-radius:8px;background:#ffffff0a}.club-tag{font-weight:800;color:var(--accent)}.club-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.club-mine{display:flex;gap:14px;align-items:center;margin:8px 0;padding:10px 12px;border-radius:12px;border:1px solid rgba(212,162,76,.45);background:#d4a24c0f}.club-big{font-size:26px;font-weight:900;color:var(--accent);letter-spacing:.04em}.club-form input[data-a=clubtag]{max-width:90px;text-transform:uppercase;letter-spacing:.08em}.lvl{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;margin-right:6px;border-radius:6px;background:var(--accent);color:#111;font-size:11px;font-weight:900;vertical-align:1px}.xp-bar{position:relative;height:18px;margin:2px 0 8px;border-radius:9px;background:#ffffff12;overflow:hidden}.xp-bar .xp-fill{position:absolute;inset:0 auto 0 0;background:#d4a24cbf}.xp-bar span{position:relative;display:block;text-align:center;font-size:11px;font-weight:700;line-height:18px;color:var(--text);text-shadow:0 1px 2px rgba(0,0,0,.6)}.xp-bar.guest span{color:var(--muted);font-weight:600}.xp-gain{position:absolute;z-index:46;left:50%;top:38%;transform:translate(-50%);font-size:34px;font-weight:900;color:var(--accent);text-shadow:0 2px 12px rgba(0,0,0,.6);pointer-events:none;animation:xpg 2.6s ease-out forwards}@keyframes xpg{0%{opacity:0;transform:translate(-50%,12px) scale(.8)}15%{opacity:1;transform:translate(-50%) scale(1.1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-40px) scale(1)}}#levelup{position:absolute;inset:0;z-index:47;display:flex;align-items:center;justify-content:center;background:#03060873;padding:max(12px,env(safe-area-inset-top)) 12px}.lu-box{width:min(380px,100%);padding:18px 20px;border-radius:16px;text-align:center;background:#0e1316f2;border:2px solid var(--accent);box-shadow:0 0 40px #d4a24c4d;color:var(--text);animation:sb-in .35s ease-out}.lu-k{color:var(--accent);font-weight:800;letter-spacing:.2em;text-transform:uppercase;font-size:12px}.lu-l{font-size:34px;font-weight:900;margin:2px 0 8px}.lu-r{text-align:left;margin:0 0 12px;padding-left:20px;font-size:13.5px}.lu-r li{margin:4px 0}.tb-cell.locked{opacity:.6}.tb-cell.locked .tb-jig{filter:grayscale(.8) brightness(.7)}.tb-lock{position:absolute;top:6px;left:6px;z-index:1;font-size:10.5px;font-weight:800;padding:1px 7px;border-radius:999px;background:#0000008c;border:1px solid rgba(255,255,255,.2);color:var(--text)}.tb-ripper{width:150px}.bar .mark.clean{background:var(--warn);opacity:.85;width:1px}.hud-clean{margin:-4px 0 6px;font-size:11.5px;font-weight:700;color:var(--ok)}.hud-clean.lost{color:var(--muted)}#settle{position:absolute;z-index:44;right:max(16px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);width:min(320px,calc(100vw - 32px));padding:10px 12px 12px;animation:stIn .35s ease-out}@keyframes stIn{0%{opacity:0;transform:translate(20px,-50%)}to{opacity:1;transform:translateY(-50%)}}#settle .st-head{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}#settle .st-total{font-size:24px;font-weight:900;color:var(--accent);margin:2px 0 6px}#settle .st-lines{list-style:none;margin:0;padding:0;font-size:13px}#settle .st-lines li{display:flex;justify-content:space-between;gap:10px;padding:2px 0;border-bottom:1px solid rgba(255,255,255,.06)}#settle .st-lines li.dim{color:var(--muted);font-size:12px}#settle .st-amber{margin-top:6px;font-weight:700;color:#ffb347}#settle .st-tag{margin-top:8px;padding:6px 8px;border-radius:8px;background:#ffb3471f;font-size:12.5px;line-height:1.45}#settle .st-tagform{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;align-items:center}#settle .st-tagform select{flex:1;min-width:120px;background:#ffffff14;color:var(--text);border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:5px}#settle .st-hint{margin:6px 0 0;font-size:11.5px;color:var(--muted)}body.is-touch #settle .key{display:none}@media (orientation: portrait){#settle{top:auto;bottom:calc(150px + env(safe-area-inset-bottom));transform:none;left:50%;right:auto;translate:-50% 0;animation:none}}.chip.purse{font-variant-numeric:tabular-nums}.cond-box{margin:10px 0}.cond-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px}.cond-grid div{display:flex;flex-direction:column;padding:6px 8px;border-radius:8px;background:#ffffff0d}.cond-grid span{color:var(--muted);font-size:11px}.hud-section .cap.cond{color:var(--muted);font-size:11px;justify-content:flex-start}.pf-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.pf-bal{display:flex;gap:12px;font-weight:800;font-size:16px}.pf-pass{overflow-x:auto}.pf-pass table{border-collapse:collapse;width:100%;font-size:12.5px}.pf-pass th,.pf-pass td{padding:5px 6px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left;vertical-align:top}.pf-pass td small,.pf-pass .pf-none{color:var(--muted)}.pf-road{display:grid;gap:4px}.pf-lv{display:flex;gap:8px;align-items:center;font-size:12.5px;color:var(--muted)}.pf-lv.done{color:var(--text)}.duels{margin:8px 0}.duel{padding:6px 8px;margin:6px 0;border-radius:8px;background:#ffb34714}.duel .btn{margin-left:8px}.duels select{background:#ffffff14;color:var(--text);border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:4px}.tb-buy{display:inline-block;margin-top:4px;padding:3px 8px;border-radius:6px;background:var(--accent);color:#111;font-weight:800;font-size:11.5px;cursor:pointer}.tb-buy[aria-disabled=true]{opacity:.5;pointer-events:none}.tb-purse{margin-left:auto;margin-right:10px;font-weight:800;font-variant-numeric:tabular-nums}.tb-note-msg{margin:6px 0 0;font-size:12.5px;color:var(--warn)}.tb-h{margin:6px 0 4px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.tb-swatch{display:block;width:56px;height:56px;margin:4px auto;border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff26}.tb-swatch.sw-classic_cork{background:radial-gradient(circle at 35% 35%,#d9b98a,#8a6a42)}.tb-swatch.sw-carbon_stealth{background:repeating-linear-gradient(45deg,#1a1a1c 0 4px,#2a2a2e 4px 8px)}.tb-swatch.sw-odra_gold{background:radial-gradient(circle at 35% 35%,#ffe2a0,#b8862e 70%,#d2741c)}.tb-cell[role=button]{cursor:pointer}.ico-coin,.ico-amber{display:inline-block;width:.95em;height:.95em;border-radius:50%;vertical-align:-.12em;margin-left:.15em}.ico-coin{background:radial-gradient(circle at 35% 30%,#fff3b0,#e7b416 45%,#9a6d05);box-shadow:inset 0 0 0 1.5px #78500099}.ico-amber{background:radial-gradient(circle at 35% 30%,#ffe0a3,#f08a1c 50%,#8f3d05);border-radius:45% 55% 50% 50%;box-shadow:inset 0 0 0 1px #5a1e0080}.ico{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.2em;flex:none}.t-small .ico,.t-joy-zone .ico{width:1.35em;height:1.35em}.t-joy-zone .ico{width:24px;height:24px}.ico.m-gold{color:#e3b448}.ico.m-silver{color:#c3c9cf}.ico.m-bronze{color:#c07a45}.ico.m-okaz{color:var(--accent)}.tb-lock .ico{width:1em;height:1em}.spot-patron{position:absolute;top:6px;right:6px;width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 8px #00000073;pointer-events:none}.spot-school.with-patron{top:68px;right:6px}.spot-patron-l{padding:0 12px;font-size:11.5px;color:var(--muted)}.spot-patron-l b{color:var(--accent);font-weight:700}.key.nk{margin:0 0 0 6px;font-size:10px;min-width:16px;padding:0 4px;opacity:.85}body.is-touch .key.nk{display:none}.tb-close .key.nk{margin:0 4px 0 0}#update-banner .ub-close{margin-left:10px;background:none;border:0;color:inherit;font:inherit;font-size:18px;cursor:pointer;padding:0 4px}.main-box{position:relative}.sc-wrap{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:12px}.sc-back{position:absolute;inset:0;background:#05080a99;border-radius:inherit}.sc-card{position:relative;width:min(560px,100%);max-height:100%;overflow:auto;padding:0;border-radius:14px;background:var(--panel-strong)}.sc-img{position:relative;height:150px;background-size:cover;background-position:center;border-radius:14px 14px 0 0}.sc-img .spot-patron{width:60px;height:60px;top:10px;right:52px}.sc-x{position:absolute;top:10px;right:10px}.sc-body{padding:12px 16px 16px}.sc-body h2{margin:0 0 4px;font-size:20px}.sc-desc{margin:0 0 6px;color:var(--muted);font-size:13px;line-height:1.45}.sc-patron{margin:0 0 6px;font-size:12.5px;color:var(--muted)}.sc-patron b{color:var(--accent)}.sc-school{margin:6px 0;padding:6px 10px;border-radius:8px;background:#78dcff1a;border:1px solid rgba(120,220,255,.4);font-weight:700;font-size:13px}.sc-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:8px 0}.sc-facts h4,.sc-toph h4{margin:0 0 4px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.sc-facts p{margin:0;font-size:12.5px;line-height:1.4}.sc-sp small{color:var(--muted)}.sc-depth{display:flex;gap:10px}.sc-depth span{display:flex;flex-direction:column;font-size:13px}.sc-depth small{color:var(--muted);font-size:10.5px}.sc-toph{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.sc-top{list-style:none;margin:6px 0;padding:0}.sc-top li{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:6px;padding:4px 2px;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px}.sc-top li.me{background:#d4a24c1f}.sc-top .ico{width:18px;height:18px}.sc-rank{color:var(--muted);font-weight:700;text-align:center}.sc-fish{color:var(--muted);font-size:12px}.sc-fish b{color:var(--text)}.sc-go{margin-top:12px;display:flex;justify-content:center}.sc-go .btn small{font-weight:600;opacity:.8}@media (max-width: 520px){.sc-facts{grid-template-columns:1fr}.sc-img{height:110px}}#loading.travel{display:block;padding:0;background:#11171b}.tr-map{position:absolute;inset:0;width:100%;height:100%}.tr-water{fill:#1d4257}.tr-island{fill:#11171b}.tr-r4{fill:none;stroke:#232a2f;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.tr-r3{fill:none;stroke:#2e363c;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.tr-r2{fill:none;stroke:#434c53;stroke-width:11;stroke-linecap:round;stroke-linejoin:round}.tr-r1{fill:none;stroke:#5d5440;stroke-width:15;stroke-linecap:round;stroke-linejoin:round}.tr-route-bg{fill:none;stroke:#0b0f12;stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.tr-route{fill:none;stroke:var(--accent);stroke-width:12;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1000 1000}.tr-start{fill:#11171b;stroke:#fff;stroke-width:4}.tr-dest path{fill:#e0533b;stroke:#fff;stroke-width:3}.tr-dest circle{fill:#fff}.tr-car path{fill:#fff;stroke:#0b0f12;stroke-width:3;stroke-linejoin:round}.tr-car-halo{fill:#d4a24c40;stroke:#d4a24c99;stroke-width:2}.tr-gps{position:absolute;top:max(14px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(460px,calc(100vw - 28px));display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:#1f6b4a;color:#fff;box-shadow:0 8px 24px #0006}.tr-turn{width:42px;height:42px;flex:none;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.tr-next{font-size:20px;font-weight:800;line-height:1.15}.tr-street{font-size:13px;opacity:.9}.tr-bottom{position:absolute;left:50%;transform:translate(-50%);bottom:max(14px,env(safe-area-inset-bottom));width:min(460px,calc(100vw - 28px));padding:10px 14px;border-radius:14px;background:#0c1013eb;box-shadow:0 8px 24px #0006}.tr-eta{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.tr-eta b{font-size:18px;color:var(--accent)}.tr-eta span{color:var(--muted);font-size:13px}.tr-bottom .ld-bar{width:100%;margin:4px 0}.tr-fill{height:100%;width:0;background:var(--accent);transition:width .2s}.tr-label{color:var(--muted);font-size:12px}.tr-attr{margin-top:4px;color:#ffffff59;font-size:10px;text-align:right}.tr-view{position:absolute;inset:0;overflow:hidden}.tr-canvas{position:absolute;left:0;top:0;will-change:transform}.tr-car{position:absolute;width:60px;height:60px;transform:translate(-50%,-50%);will-change:transform;overflow:visible}.recover{display:flex;flex-direction:column;gap:6px}.recover input{text-transform:none}.recover input[data-a=rcode]{text-transform:uppercase;letter-spacing:.08em;font-family:ui-monospace,Menlo,Consolas,monospace}.secure-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 22px 6px;padding:8px 12px;border-radius:10px;background:#ffc45c1a;border:1px solid rgba(255,196,92,.3);font-size:13px}.secure-bar>span{flex:1 1 220px;display:inline-flex;align-items:center;gap:6px}.secure-bar.warn{background:#ff6e5a1f;border-color:#ff6e5a59}.rc-card{max-width:440px}.rc-code{font:600 22px/1.3 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.08em;text-align:center;padding:12px;border-radius:10px;background:#ffffff0f;border:1px dashed rgba(255,255,255,.25);user-select:all;word-break:break-all}