.crossing-page{--cross-green:#426d59;--cross-red:#a83c29;--cross-cream:#f6e5bc}.cross-heading{display:flex;align-items:end;justify-content:space-between;padding:15px 0 25px;gap:20px}.cross-eyebrow{font:700 10px/1.5 var(--body);letter-spacing:1.6px;color:var(--muted)}.cross-heading h1{font:900 clamp(45px,6vw,76px)/1.03 var(--display);letter-spacing:-1px;margin:7px 0 0}.cross-heading h1>span{display:inline-block;font-size:.75em;color:var(--cross-green);margin-left:17px}.cross-heading>p{margin:0;font:700 19px/1.4 var(--body);text-align:right}.cross-heading em,.cross-route em{font-family:Georgia,serif;font-weight:normal;color:var(--accent)}.cross-layout{display:grid;grid-template-columns:minmax(0,790px) minmax(245px,1fr);gap:32px;align-items:start}.cross-play,.cross-sidebar{min-width:0}.cross-cabinet{border:2px solid var(--ink);background:var(--panel);box-shadow:6px 6px 0 var(--soft);overflow:hidden;border-radius:9px}.cross-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;gap:8px;border-bottom:1px solid var(--line)}.cross-brand{font:900 17px/1.2 var(--display);letter-spacing:.6px}.cross-brand b{display:block;font:700 8px/1.5 var(--body);letter-spacing:2px;color:var(--muted)}.cross-toolbar .cross-tools{display:flex;gap:5px}.cross-toolbar button{min-width:44px;min-height:44px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:5px;font:700 11px var(--body);padding:7px;cursor:pointer}.cross-toolbar button:disabled{opacity:.45;cursor:default}.cross-toolbar button:hover:enabled{background:var(--soft)}.cross-hud{display:grid;grid-template-columns:repeat(4,1fr);background:var(--cross-green);color:#fff2d5}.cross-hud>div,.cross-hud>button{padding:10px 14px;border-right:1px solid #ffffff25;min-width:0}.cross-hud>div:last-child{border:0}.cross-hud span{display:block;font:700 9px/1.4 var(--body);letter-spacing:1px}.cross-hud strong{font:900 clamp(19px,2.5vw,28px)/1.3 var(--display);letter-spacing:1px;white-space:nowrap}.cross-stage{position:relative;display:flex;align-items:center;justify-content:center;background:#263e38;min-height:0;overflow:hidden}.cross-stage canvas{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;width:100%;height:auto;aspect-ratio:1;touch-action:none;outline-offset:-4px!important}.cross-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;background:#182e3166;backdrop-filter:blur(2px);overflow:auto}.cross-ticket{max-height:100%;overflow:auto;width:min(100%,370px);padding:28px;background:var(--cross-cream);color:#2c3d32;border:2px solid #374b3e;border-radius:4px;box-shadow:8px 8px 0 #17373050;transform:rotate(-1deg);text-align:center}.cross-ticket .cross-eyebrow{color:#58614a;font-size:9px}.cross-ticket h2{font:900 clamp(30px,4vw,48px)/1.02 var(--display);letter-spacing:-.5px;margin:14px 0}.cross-ticket p{font:14px/1.6 var(--body);margin:0 0 20px}.cross-primary,.cross-secondary{display:block;width:100%;min-height:46px;border:0;border-radius:3px;padding:12px;font:900 13px/1.3 var(--body);cursor:pointer}.cross-primary{background:#ad432e;color:#fff5dd;box-shadow:0 3px 0 #743326}.cross-primary:hover{background:#923823}.cross-secondary{background:transparent;color:#3b5545;border:1px solid #8f9c7c;margin-top:12px}.cross-ticket small{display:block;margin-top:20px;font:700 9px/1.6 var(--body);letter-spacing:1px}.cross-receipt{margin:0 0 16px;border-block:1px dashed #748365;padding:8px;font:900 25px/1.3 var(--display)}.cross-heat{display:flex;align-items:center;gap:12px;padding:8px 14px;border-bottom:1px solid var(--line);font:700 9px var(--body);letter-spacing:1px}.cross-heat meter{height:10px;flex:1;min-width:20px;appearance:none;border-radius:8px;background:var(--soft)}.cross-heat meter::-webkit-meter-bar{background:#dedfc9;border:0;border-radius:8px;height:8px}.cross-heat meter::-webkit-meter-optimum-value{background:#a85438;border-radius:8px}.cross-heat meter::-moz-meter-bar{background:#a85438}.cross-heat b{min-width:24px}.cross-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;min-height:148px}.cross-bottom p{max-width:38ch;margin:0;color:var(--muted);font:13px/1.6 var(--body)}.cross-pad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px);gap:3px;flex-shrink:0;touch-action:none;user-select:none}.cross-pad button{border:1px solid var(--line);border-bottom:3px solid var(--ink);border-radius:7px;background:var(--soft);color:var(--ink);font:bold 23px var(--body);cursor:pointer;min-width:44px;min-height:44px;touch-action:none}.cross-pad button:active{background:var(--cross-green);color:white;transform:translateY(1px)}.cross-pad button[data-cross-move=up]{grid-area:1/2}.cross-pad button[data-cross-move=left]{grid-area:2/1}.cross-pad button[data-cross-move=right]{grid-area:2/3}.cross-pad button[data-cross-move=down]{grid-area:3/2}.cross-pad>span{grid-area:2/2;text-align:center;align-self:center;color:var(--accent);font-size:25px}.cross-keyboard{text-align:center;color:var(--muted);font:700 10px/1.5 var(--body);letter-spacing:1px;margin:14px 0}.cross-route{border:1px solid var(--line);border-radius:6px;padding:23px 21px;background:var(--panel)}.cross-route h2{font:900 32px/1.14 var(--display);margin:9px 0 20px}.cross-route ol{list-style:none;padding:0;margin:0}.cross-route li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);position:relative}.cross-route li>b{display:grid;place-items:center;width:31px;height:31px;flex:none;border:1px solid var(--line);border-radius:50%;font:700 12px var(--body);color:var(--muted)}.cross-route li.active>b{background:var(--cross-green);border-color:var(--cross-green);color:#fff2d5;box-shadow:0 0 0 4px var(--soft)}.cross-route li strong{display:block;font:700 13px/1.4 var(--body)}.cross-route li span{display:block;color:var(--muted);font:11px/1.5 var(--body);margin-top:3px}.cross-route>p{font:11px/1.6 var(--body);color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin:7px 0 0}.cross-best{margin:24px 0;border-block:2px solid var(--ink);padding:19px 3px}.cross-best>strong{display:block;font:900 50px/1.2 var(--display);margin:7px 0}.cross-best>span:not(.cross-eyebrow){font:700 10px var(--body);letter-spacing:2px}.cross-best p,.cross-rules p{font:12px/1.7 var(--body);color:var(--muted)}.cross-rules h2{font:900 27px var(--display);margin:0}.cross-rules p>b{color:var(--ink);font-size:11px;letter-spacing:.6px}.cross-rules>button{background:none;border:0;border-bottom:1px solid var(--line);color:var(--accent);padding:12px 0;min-height:44px;font:700 11px var(--body);cursor:pointer}.crossing-page dialog{background:var(--panel);color:var(--ink);border:2px solid var(--ink);border-radius:8px;max-width:520px;width:calc(100% - 30px);max-height:85dvh;padding:27px;overflow:auto}.crossing-page dialog::backdrop{background:#102a2ac4}.crossing-page dialog h2{font:900 36px var(--display);margin:9px 0 18px}.crossing-page dialog p{font:14px/1.7 var(--body)}.crossing-page dialog ul{padding-left:20px}.crossing-page dialog li::marker{color:var(--accent)}.cross-close{float:right;min-width:44px;min-height:44px;background:var(--soft);color:var(--ink);border:0;border-radius:50%;font-size:24px}.crossing-page .game-comments{margin-top:32px}.cross-cabinet.is-expanded{position:fixed;inset:0;z-index:150;width:100%;max-width:none;border:0;border-radius:0;display:flex;flex-direction:column;background:var(--panel);box-shadow:none}.cross-cabinet.is-expanded .cross-stage{flex:1;min-height:0}.cross-cabinet.is-expanded .cross-bottom{min-height:0;padding:5px 18px}.cross-cabinet.is-expanded .cross-pad{grid-template-rows:repeat(3,44px)}.cross-cabinet.is-expanded .cross-toolbar{padding:4px 10px}.cross-cabinet.is-expanded .cross-hud>div,.cross-cabinet.is-expanded .cross-hud>button{padding:4px 12px}.cross-cabinet.is-expanded .cross-hud strong{font-size:22px}.cross-cabinet.is-expanded .cross-overlay{padding:8px}.cross-cabinet.is-expanded .cross-ticket{padding:15px 22px;max-height:100%;overflow:auto}.game-expanded{overflow:hidden!important}:root[data-theme=dark] .crossing-page{--cross-green:#375c4d}:root[data-theme=dark] .cross-heading h1>span{color:#a3c4a0}
@media(max-width:850px){.cross-layout{grid-template-columns:minmax(0,1fr);gap:25px}.cross-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cross-route{grid-row:span 2}.cross-best{margin:0}.cross-heading{padding-bottom:20px}.cross-heading>p{font-size:15px}.cross-cabinet{max-width:700px;margin:auto}.cross-rules{padding-bottom:10px}}
@media(max-width:480px){.crossing-page .page{padding:0 14px}.cross-heading{gap:8px}.cross-heading h1{font-size:40px}.cross-heading>p{font-size:12px}.cross-heading .cross-eyebrow{font-size:8px}.cross-toolbar{padding:6px}.cross-toolbar .cross-tools{gap:3px}.cross-brand{font-size:14px}.cross-brand b{font-size:6px;letter-spacing:1px}.cross-toolbar button{font-size:10px;padding:4px}.cross-toolbar #cross-help span,.cross-toolbar #cross-fullscreen span{display:none}.cross-hud>div,.cross-hud>button{padding:6px 7px}.cross-hud span{font-size:7px;letter-spacing:.3px}.cross-hud strong{font-size:20px;letter-spacing:0}.cross-bottom{padding:10px;gap:7px}.cross-bottom p{font-size:11px}.cross-pad{grid-template-columns:repeat(3,44px)}.cross-ticket{padding:17px}.cross-ticket p{font-size:12px;margin-bottom:15px}.cross-ticket h2{font-size:30px}.cross-ticket small{font-size:8px;margin-top:15px}.cross-ticket .cross-eyebrow{font-size:8px;letter-spacing:.7px}.cross-overlay{padding:12px}.cross-sidebar{grid-template-columns:1fr}.cross-route{grid-row:auto}.cross-route ol{display:grid;grid-template-columns:1fr 1fr;gap:0 13px}.cross-route{padding:20px 14px}.cross-route li{gap:7px}.cross-route li span{font-size:10px}.cross-route li strong{font-size:11px}.cross-keyboard{font-size:8px}.cross-cabinet.is-expanded .cross-bottom{padding:4px 8px}.cross-cabinet.is-expanded .cross-ticket h2{font-size:27px;margin:8px 0}.cross-cabinet.is-expanded .cross-ticket p{font-size:11px;margin-bottom:12px}.cross-cabinet.is-expanded .cross-ticket small{display:none}}
@media(max-height:500px){.cross-cabinet.is-expanded .cross-bottom{position:absolute;left:0;bottom:4px;right:0;pointer-events:none}.cross-cabinet.is-expanded .cross-bottom p{display:none}.cross-cabinet.is-expanded .cross-pad{pointer-events:auto;grid-template-rows:repeat(3,44px);margin-left:auto;background:var(--panel);padding:4px;border-radius:9px}.cross-cabinet.is-expanded .cross-heat{padding:3px 12px}.cross-cabinet.is-expanded .cross-hud>div,.cross-cabinet.is-expanded .cross-hud>button{padding:1px 10px}.cross-cabinet.is-expanded .cross-hud span{font-size:7px}.cross-cabinet.is-expanded .cross-hud strong{font-size:17px}.cross-cabinet.is-expanded .cross-ticket{padding:8px 15px;max-width:340px}.cross-cabinet.is-expanded .cross-ticket h2{font-size:24px;margin:5px 0}.cross-cabinet.is-expanded .cross-ticket p{font-size:11px;line-height:1.4;margin-bottom:8px}.cross-cabinet.is-expanded .cross-ticket small,.cross-cabinet.is-expanded .cross-ticket>.cross-eyebrow{display:none}.cross-cabinet.is-expanded .cross-secondary{margin-top:6px;min-height:40px;padding:8px}.cross-cabinet.is-expanded .cross-receipt{font-size:20px;padding:4px;margin-bottom:7px}}
@media(prefers-reduced-motion:reduce){.cross-ticket{transform:none}}

@media(max-height:520px) and (orientation:portrait){.cross-cabinet.is-expanded .cross-bottom{position:static;min-height:0;padding:4px 7px;pointer-events:auto}.cross-cabinet.is-expanded .cross-bottom p{display:none}.cross-cabinet.is-expanded .cross-pad{display:flex;gap:5px;margin:0 auto;padding:0}.cross-cabinet.is-expanded .cross-pad>span{display:none}.cross-cabinet.is-expanded .cross-pad button{width:44px;height:44px}.cross-cabinet.is-expanded .cross-pad button[data-cross-move=left]{order:-1}.cross-cabinet.is-expanded .cross-pad button[data-cross-move=right]{order:2}}

.cross-stage-info{display:flex;align-items:center;gap:8px;background:var(--panel);padding:7px 12px;border-bottom:1px solid var(--line);font:700 11px/1.4 var(--body)}#cross-route-name{flex:1;min-width:0}#cross-view-badge{font-size:9px;letter-spacing:1px;color:var(--accent)}#cross-camera{max-width:140px;min-height:32px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:4px;font:11px var(--body)}.cross-stage #cross-depth-board{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.cross-stage[data-depth=true] #cross-board{position:relative;z-index:2;opacity:0}.cross-stage .cross-overlay{z-index:4}.cross-stage[data-depth=true]:focus-within{outline:2px solid var(--accent);outline-offset:-3px}.cross-route li>b{width:43px;border-radius:5px;font-size:9px}.cross-tour{display:flex;gap:10px;align-items:center;min-height:44px;padding:10px;background:var(--soft);font-weight:700}.cross-tour input{width:20px;height:20px;accent-color:var(--cross-green)}#cross-stage-list section{border-top:1px solid var(--line);margin-top:18px;padding-top:12px}#cross-stage-list h3{margin:0 0 8px;font:700 14px var(--body)}.cross-stage-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.cross-stage-grid button{min-height:44px;background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:5px;font:700 13px var(--body);cursor:pointer}.cross-stage-grid button:disabled{opacity:.4;cursor:default}.cross-stage-grid button[aria-current=step]{border:2px solid var(--accent)}.cross-stage-grid button.completed::after{content:' ✓';color:var(--cross-green)}#cross-legacy{font:12px/1.6 var(--body);color:var(--muted)}@media(max-width:480px){.cross-stage-info{font-size:10px;padding:5px 7px;gap:5px}#cross-camera{max-width:96px;font-size:9px}#cross-view-badge{font-size:8px;letter-spacing:0}}@media(max-height:520px){.cross-cabinet.is-expanded .cross-stage-info{padding:2px 7px;font-size:9px}.cross-cabinet.is-expanded #cross-camera{min-height:24px;height:24px}.cross-cabinet.is-expanded .cross-stage-info select{max-width:120px}}

.cross-hud>button{background:transparent;color:inherit;text-align:left;cursor:pointer;border:0;border-right:1px solid #ffffff25;font:inherit}.cross-hud>button:hover{background:#ffffff10}@media(max-width:480px){.cross-stage-grid{grid-template-columns:repeat(4,1fr)}}

.cross-hud>button{min-height:44px}.cross-keep{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px;background:var(--soft);font:700 14px var(--body)}.cross-keep input{width:20px;height:20px;accent-color:var(--cross-green)}@media(pointer:coarse){#cross-camera{min-height:44px}}@media(max-height:520px){.cross-cabinet.is-expanded #cross-camera{display:none}}

.cross-movement{display:flex;align-items:center;gap:10px;flex:none}#cross-jump{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:64px;min-height:72px;touch-action:none;background:#e6b950;color:#263d32;border:2px solid #647547;border-bottom:5px solid #647547;border-radius:12px;font:900 12px var(--body);cursor:pointer}#cross-jump>span{font-size:28px;line-height:1}#cross-jump small{font-size:8px}#cross-jump:active{transform:translateY(2px);background:#f3cf71}#cross-height{font:700 9px/1.3 var(--body);color:var(--accent);white-space:nowrap}.cross-stage-info:has(#cross-height:not([hidden])){flex-wrap:wrap}#cross-height:not([hidden]){margin-left:auto}@media(max-width:480px){.cross-bottom:has(#cross-jump:not([hidden])){flex-wrap:wrap}.cross-bottom:has(#cross-jump:not([hidden]))>p{max-width:none;flex:1 1 100%}.cross-bottom:has(#cross-jump:not([hidden])) .cross-movement{margin:auto}#cross-height{font-size:8px}}@media(max-height:520px){.cross-cabinet.is-expanded .cross-movement{pointer-events:auto;margin-left:auto;gap:7px}.cross-cabinet.is-expanded #cross-jump{min-height:46px;min-width:52px}.cross-cabinet.is-expanded #cross-jump>span{font-size:18px}.cross-cabinet.is-expanded #cross-jump small{display:none}.cross-cabinet.is-expanded .cross-movement .cross-pad{margin:0}.cross-cabinet.is-expanded #cross-height{font-size:8px}}

#cross-jump[hidden],#cross-height[hidden]{display:none!important}

.cross-stage-info:has(#cross-gate-status:not([hidden])){flex-wrap:wrap}#cross-gate-status{flex:1 1 100%;padding:3px 8px;border-radius:3px;background:#663d38;color:#fff2df;font:800 11px/1.4 var(--body);font-variant-numeric:tabular-nums;letter-spacing:.2px}#cross-gate-status[data-open=true]{background:#315b46;color:#e0ffe9}#cross-gate-status[hidden]{display:none!important}@media(max-height:520px){.cross-cabinet.is-expanded #cross-gate-status{font-size:10px;padding:1px 7px}}

.cross-league{border:1px solid var(--line);padding:18px;background:var(--panel);border-radius:6px;margin-bottom:22px}.cross-league h2{font:900 28px var(--display);margin:7px 0}.cross-league p{font:12px/1.6 var(--body);color:var(--muted)}.cross-name-row{display:flex;gap:6px}.cross-name-row input{min-width:0;flex:1;min-height:44px}.cross-name-row button{min-height:44px;border:0;background:#426d59;color:#fff2d5;padding:8px;font:700 12px var(--body)}#cross-score-form{margin:12px 0;font:12px/1.5 var(--body)}#cross-score-form>label{display:block;text-align:left;margin:6px 0}#cross-save-status{font:12px/1.6 var(--body);margin:8px 0}.cross-ticket:has(#cross-score-form:not([hidden])){max-height:100%;overflow:auto}.cross-stage-grid{grid-template-columns:repeat(3,1fr)}

#cross-practice{background:#e8edcf;border:2px solid #426d59;color:#294936}#cross-map-play{background:#f0d8a2;color:#283d32}#cross-map-play:hover{background:#e6c98d}#cross-map-play>span{text-decoration:underline;text-underline-offset:2px}.cross-stage-grid button{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:8px;min-height:68px}.cross-stage-grid button strong{font-size:18px}.cross-stage-grid button small{font:600 10px/1.3 var(--body)}

.cross-sidebar .cross-secondary{color:var(--ink);background:var(--soft);border-color:var(--line)}