.sakura-crossing-page{z-index:40;color:#3a3350;background:#e6ecf7;font-family:Yu Gothic UI,Yu Gothic,Meiryo,Segoe UI,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}.sakura-crossing-canvas{width:100%;height:100%;display:block}.sakura-crossing-home{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#4c4568;letter-spacing:.02em;background:#fcfafcb8;border:1.5px solid #3a335047;border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:700;text-decoration:none;transition:background .18s,color .18s;position:fixed;top:14px;left:14px}.sakura-crossing-home:hover{color:#3a3350;background:#fcfafceb}.sakura-crossing-status{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ebebf499;place-items:center;display:grid;position:fixed;inset:0}.sakura-crossing-status-panel{background:#fbf5ea;border:2px solid #3a334e;border-radius:8px;justify-items:center;gap:14px;padding:28px 36px;font-size:14px;font-weight:700;display:grid;box-shadow:8px 10px #3a334e33}.sakura-crossing-status-panel button{color:#fffaf0;font:inherit;cursor:pointer;background:#cf5c62;border:2px solid #3a334e;padding:8px 18px;font-size:13px;box-shadow:3px 3px #3a334e}.sakura-crossing-spinner{border:3px solid #ecd9dc;border-top-color:#cf5c62;border-radius:50%;width:34px;height:34px;animation:.9s linear infinite sakura-crossing-spin}@keyframes sakura-crossing-spin{to{transform:rotate(360deg)}}.sakura-hud{pointer-events:none;color:#3a3350;font-family:Yu Gothic UI,Yu Gothic,Meiryo,Segoe UI,system-ui,sans-serif;position:fixed;inset:0}.sakura-hud .crosshair{opacity:0;background:#ffffffd9;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;transition:opacity .3s;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1.5px #3a33508c}.sakura-hud .crosshair.on{opacity:.8}.sakura-hud .crosshair.hidden{opacity:0}.sakura-hud .prompt{letter-spacing:.02em;white-space:nowrap;opacity:0;background:#fcfafcd1;border:1.5px solid #3a335059;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:600;transition:opacity .18s,transform .18s;position:absolute;bottom:15%;left:50%;transform:translate(-50%,8px)}.sakura-hud .prompt.on{opacity:1;transform:translate(-50%)}.sakura-hud .toast{letter-spacing:.02em;white-space:nowrap;color:#4c4568;opacity:0;background:#fcfafccc;border:1.5px solid #3a33504d;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600;transition:opacity .25s,transform .25s;position:absolute;top:12%;left:50%;transform:translate(-50%,-6px)}.sakura-hud .toast.on{opacity:1;transform:translate(-50%)}.sakura-hud .hint{letter-spacing:.01em;color:#4c4568;background:#fcfafc99;border:1px solid #3a335029;border-radius:8px;padding:7px 13px;font-size:12.5px;transition:opacity .8s;position:absolute;bottom:14px;left:18px}.sakura-hud .hint b{color:#3a3350}.sakura-hud .hint.faded{opacity:0}.sakura-hud .coords{text-align:right;color:#3f3a58;opacity:0;visibility:hidden;white-space:nowrap;background:#fcfafc9e;border:1px solid #3a335029;border-radius:8px;padding:8px 12px;font-family:ui-monospace,SFMono-Regular,Cascadia Mono,Consolas,monospace;font-size:12px;line-height:1.55;transition:opacity .18s,visibility .18s;position:absolute;bottom:14px;right:16px}.sakura-hud .coords.on{opacity:1;visibility:visible}.sakura-hud .coords .k{color:#8f88a8;margin-right:.12em}.sakura-hud .coords .d{color:#8f88a8}.sakura-hud .coords .s{color:#5d6f96;font-size:11px}.sakura-hud .overlay{pointer-events:auto;-webkit-backdrop-filter:blur(8px)saturate(.82);backdrop-filter:blur(8px)saturate(.82);isolation:isolate;background:linear-gradient(135deg,#424a707a,#de8c9738 48%,#f6e5db61),#ebebf442;place-items:center;transition:opacity .45s,visibility .45s;display:grid;position:absolute;inset:0}.sakura-hud .overlay:before,.sakura-hud .overlay:after{content:"";z-index:-1;pointer-events:none;position:absolute}.sakura-hud .overlay:before{opacity:.72;background:radial-gradient(circle at 12% 16%,#fff5ee9e 0 2px,#0000 3px) 0 0/92px 86px,radial-gradient(circle at 82% 24%,#ffd5dba3 0 3px,#0000 4px) 0 0/138px 126px,radial-gradient(circle at 74% 82%,#fff4eb94 0 2px,#0000 3px) 0 0/108px 116px,radial-gradient(circle at 24% 76%,#ffcfd88a 0 2px,#0000 3px) 0 0/154px 142px;inset:0;transform:rotate(-4deg)scale(1.08)}.sakura-hud .overlay:after{border:2px solid #463e5b24;border-radius:50%;width:42vw;min-width:420px;height:42vw;min-height:420px;top:-23vw;right:-18vw;box-shadow:0 0 0 34px #fff4eb14,0 0 0 70px #d16d780f}.sakura-hud .overlay.hidden{opacity:0;visibility:hidden}.sakura-hud .menu-panel{--ink:#3a334e;--paper:#fbf5ea;--red:#cf5c62;--blue:#718bad;background:var(--paper);border:2px solid var(--ink);border-radius:5px;grid-template-columns:minmax(205px,.78fr) minmax(350px,1.42fr);width:min(780px,100vw - 48px);min-height:440px;display:grid;position:relative;overflow:hidden;box-shadow:10px 12px #3a334e3b,0 28px 70px -28px #2d2841bf}.sakura-hud .menu-panel:after{content:"";pointer-events:none;border:1px solid #3a334e2e;position:absolute;inset:8px}.sakura-hud .menu-art{color:#fff8ef;background:linear-gradient(156deg, #ffffff1f, transparent 35%), var(--red);border-right:2px solid var(--ink);min-height:100%;position:relative;overflow:hidden}.sakura-hud .menu-art:before{content:"";opacity:.78;background:repeating-linear-gradient(-45deg,#0000 0 24px,#fff6e829 24px 26px);position:absolute;inset:0}.sakura-hud .menu-art:after{content:"";border-top:2px solid var(--ink);background:#6f88a9;height:142px;position:absolute;bottom:-44px;left:-28%;right:-20%;transform:rotate(-8deg)}.sakura-hud .art-index{z-index:2;letter-spacing:.18em;text-transform:uppercase;opacity:.86;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:700;position:absolute;top:20px;left:21px}.sakura-hud .art-kanji{z-index:2;writing-mode:vertical-rl;letter-spacing:.2em;text-shadow:1px 1px #3a334e59;font-size:18px;font-weight:800;position:absolute;top:18px;right:17px}.sakura-hud .crossing-mark{z-index:2;width:150px;height:150px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.sakura-hud .crossing-mark .bar{border:2px solid var(--ink);background:repeating-linear-gradient(90deg,#fff7e9 0 25px,#d76268 25px 50px);width:130px;height:23px;position:absolute;top:64px;left:10px;box-shadow:3px 4px #3a334e3d}.sakura-hud .crossing-mark .bar:first-child{transform:rotate(45deg)}.sakura-hud .crossing-mark .bar:nth-child(2){transform:rotate(-45deg)}.sakura-hud .signal{z-index:3;background:var(--ink);border-radius:999px;gap:8px;padding:7px 9px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:2px 3px #fff7e957}.sakura-hud .signal i{background:#e77779;border:2px solid #fff7e9;border-radius:50%;width:17px;height:17px;display:block}.sakura-hud .signal i:last-child{background:#f5c7b8}.sakura-hud .art-caption{z-index:3;letter-spacing:.12em;text-transform:uppercase;gap:4px;font-size:11px;font-weight:700;display:grid;position:absolute;bottom:26px;left:22px}.sakura-hud .art-caption strong{letter-spacing:.06em;font-size:17px}.sakura-hud .menu-copy{color:var(--ink);background:linear-gradient(#718bad1f 1px,#0000 1px) 0 0/100% 30px;flex-direction:column;padding:42px 46px 34px;display:flex;position:relative}.sakura-hud .menu-copy:before{content:"";background:#cf5c6240;width:1px;position:absolute;top:0;bottom:0;left:28px}.sakura-hud .menu-kicker{letter-spacing:.2em;text-transform:uppercase;color:#746b82;align-items:center;gap:9px;margin-bottom:15px;font-size:10px;font-weight:800;display:flex}.sakura-hud .menu-kicker:before{content:"";background:var(--red);width:24px;height:3px}.sakura-hud .pause-only,.sakura-hud .overlay[data-mode=paused] .start-only{display:none}.sakura-hud .overlay[data-mode=paused] .pause-only{display:initial}.sakura-hud .overlay[data-mode=paused] .pause-stack{display:grid}.sakura-hud .menu-copy h1{letter-spacing:-.045em;color:var(--ink);text-transform:uppercase;margin:0;font-size:clamp(35px,5vw,52px);font-weight:850;line-height:.9}.sakura-hud .menu-copy h1 span{color:var(--red);-webkit-text-stroke:1px var(--ink);text-shadow:2px 2px 0 var(--ink);display:block}.sakura-hud .menu-jp{letter-spacing:.28em;align-items:baseline;gap:12px;margin:14px 0 0;font-size:19px;font-weight:800;display:flex}.sakura-hud .menu-jp small{letter-spacing:.12em;color:#7d7489;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:700}.sakura-hud .menu-description{color:#625b70;max-width:39ch;min-height:44px;margin:22px 0 18px;font-size:13px;line-height:1.72}.sakura-hud .control-strip{flex-wrap:wrap;gap:7px;margin-bottom:20px;display:flex}.sakura-hud .control-strip span{color:#696174;background:#fffcf5b3;border:1px solid #3a334e38;align-items:center;gap:5px;padding:4px 8px 4px 5px;font-size:10px;font-weight:700;display:inline-flex}.sakura-hud .control-strip b{min-width:22px;height:20px;color:var(--paper);background:var(--blue);border:1px solid var(--ink);place-items:center;padding:0 4px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;display:grid}.sakura-hud .audio-control{border:1.5px solid var(--ink);background:#f2e5d6bd;margin:0 0 18px;padding:12px 14px 13px;position:relative;box-shadow:4px 4px #718bad33}.sakura-hud .audio-head{letter-spacing:.12em;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;font-weight:800;display:flex}.sakura-hud .audio-head span:before{content:"♪";color:var(--red);margin-right:7px}.sakura-hud .audio-head output{color:#746b82;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.sakura-hud .audio-control.muted .audio-head span:after{content:" · M 已静音";color:#9b6470}.sakura-hud .volume-slider{--volume:34%;appearance:none;cursor:pointer;background:0 0;width:100%;height:20px;margin:0;display:block}.sakura-hud .volume-slider::-webkit-slider-runnable-track{border:1px solid var(--ink);background:linear-gradient(90deg, var(--red) 0 var(--volume), #ddd4ca var(--volume) 100%);height:6px}.sakura-hud .volume-slider::-moz-range-track{border:1px solid var(--ink);background:#ddd4ca;height:6px}.sakura-hud .volume-slider::-moz-range-progress{background:var(--red);height:6px}.sakura-hud .volume-slider::-webkit-slider-thumb{appearance:none;border:2px solid var(--ink);background:var(--paper);border-radius:50%;width:17px;height:17px;margin-top:-6.5px;box-shadow:2px 2px #3a334e2e}.sakura-hud .volume-slider::-moz-range-thumb{border:2px solid var(--ink);background:var(--paper);border-radius:50%;width:14px;height:14px}.sakura-hud .volume-slider:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.sakura-hud .menu-action{border:2px solid var(--ink);color:#fffaf0;background:var(--red);width:100%;font:inherit;letter-spacing:.08em;box-shadow:5px 5px 0 var(--ink);cursor:pointer;border-radius:0;justify-content:space-between;align-items:center;margin-top:auto;padding:12px 14px;font-size:13px;font-weight:850;transition:transform .12s,box-shadow .12s,background .16s;display:flex}.sakura-hud .menu-action i{border:1px solid #fffaf0;border-radius:50%;place-items:center;width:25px;height:25px;font-size:16px;font-style:normal;display:grid}.sakura-hud .menu-action:hover{box-shadow:3px 3px 0 var(--ink);background:#df6a6d;transform:translate(2px,2px)}.sakura-hud .menu-action:active{box-shadow:0 0 0 var(--ink);transform:translate(5px,5px)}.sakura-hud .menu-action:focus-visible{outline-offset:-6px;outline:3px solid #fffaf0}.sakura-hud .menu-foot{letter-spacing:.08em;color:#827989;justify-content:space-between;gap:16px;margin-top:16px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:700;display:flex}@media (max-width:720px){.sakura-hud .menu-panel{grid-template-columns:132px minmax(0,1fr);width:min(620px,100vw - 28px);min-height:420px}.sakura-hud .menu-copy{padding:34px 28px 27px 38px}.sakura-hud .menu-copy:before{left:21px}.sakura-hud .crossing-mark{transform:translate(-50%,-50%)scale(.72)}.sakura-hud .art-kanji{font-size:15px}.sakura-hud .art-caption{display:none}}@media (max-width:520px),(max-height:570px){.sakura-hud .overlay{place-items:stretch stretch;padding:14px;overflow-y:auto}.sakura-hud .menu-panel{grid-template-columns:1fr;width:100%;min-height:min-content;margin:auto}.sakura-hud .menu-art{border-right:0;border-bottom:2px solid var(--ink);min-height:88px}.sakura-hud .menu-art:after{height:70px;bottom:-48px}.sakura-hud .crossing-mark{transform-origin:100%;top:44px;left:auto;right:8px;transform:translateY(-50%)scale(.48)}.sakura-hud .art-kanji{writing-mode:horizontal-tb;top:39px;left:22px;right:auto}.sakura-hud .menu-copy{padding:26px 24px 22px 34px}.sakura-hud .menu-copy h1{font-size:35px}.sakura-hud .menu-description{min-height:0;margin:16px 0 14px}.sakura-hud .control-strip{margin-bottom:15px}.sakura-hud .menu-foot{display:none}}@media (prefers-reduced-motion:reduce){.sakura-hud .overlay,.sakura-hud .menu-action{transition:none}.sakura-crossing-spinner{animation:none}}