333/bend_puzzle
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

d

Browse source
This commit is contained in:
33333-33333 2026-08-01 16:06:14 +09:00
commit 4c4e767ec6
73 changed files with 3502 additions and 741 deletions
Download patch file Download diff file Expand all files Collapse all files

87
style.css
View file

@ -12,6 +12,7 @@
background:linear-gradient(90deg,rgba(24,42,52,.985),rgba(31,35,58,.985));
border-bottom:1px solid rgba(126,213,224,.22)
}
.room-back-link{display:inline-flex;align-items:center;min-height:34px;padding:0 8px;border:1px solid rgba(201,156,255,.34);background:rgba(43,33,49,.72);color:#edc8ff;font-size:10px;font-weight:900;letter-spacing:.04em;text-decoration:none;white-space:nowrap}.room-back-link:hover,.room-back-link:focus-visible{border-color:#c99cff;background:#382942;color:#fff}
.brand{font-weight:900;letter-spacing:.08em;white-space:nowrap}
.brand small{font-weight:650;color:var(--muted);margin-left:8px}
.spacer{flex:1}
@ -98,6 +99,9 @@
.number-turn-warning.multiple .number-warning-caption{fill:#ffd5dc;font-size:7.1px}
.board-svg text,.tutorial-board text,svg text{font-family:var(--dot-font)}
.path{fill:none;stroke-width:var(--line-width,8);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none}
#world{--aurora-rgb:95 216 255}
.path.line-effect-aurora,.gate-marker.line-effect-aurora,.gate-connect-pulse.line-effect-aurora,.endpoint-halo.line-effect-aurora{stroke:rgb(var(--aurora-rgb,95 216 255))!important;color:rgb(var(--aurora-rgb,95 216 255));transition:stroke 2s linear,color 2s linear}
.gate-dot.line-effect-aurora,.gate-knob.line-effect-aurora,.endpoint-knob.line-effect-aurora{fill:rgb(var(--aurora-rgb,95 216 255))!important;transition:fill 2s linear}
.path.invalid{stroke:#cfa2a7!important;stroke-dasharray:3 8;opacity:.58}
.board-card.solved .path{opacity:.9}
.endpoint-knob{stroke:#101214;stroke-width:2.8;vector-effect:non-scaling-stroke;pointer-events:none}
@ -206,18 +210,18 @@ body.archive-busy #viewport,body.archive-busy #minimap{opacity:.58}
.store-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(126,213,224,.22);padding-bottom:14px}
.store-heading small{color:#d9f06f;font-size:9px;font-weight:950;letter-spacing:.2em}
.store-heading h2{margin:4px 0 0}
.store-wallet{flex:0 0 auto;padding:9px 12px;border:1px solid rgba(194,108,255,.4);border-radius:2px;background:#2b2131;color:#d5b4e5;font-size:10px;font-weight:850;letter-spacing:.08em}
.store-wallet b{display:block;margin-top:2px;color:#edc8ff;font-size:18px;font-variant-numeric:tabular-nums}
.store-wallet{display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap;flex:0 0 auto;padding:9px 12px;border:1px solid rgba(194,108,255,.4);border-radius:2px;background:#2b2131;color:#d5b4e5;font-size:10px;font-weight:850;letter-spacing:.08em}
.store-wallet b{display:inline;margin-top:0;color:#edc8ff;font-size:18px;font-variant-numeric:tabular-nums}
#storeMeta{margin:12px 0;color:#9ea8ad;font-size:11px;line-height:1.5}
.store-inventory{display:flex;flex-direction:column;gap:16px}
.store-section{display:flex;flex-direction:column;gap:8px}
.store-section-title{margin:0;padding:0 0 7px;border-bottom:1px solid rgba(255,255,255,.09);color:#d9f06f;font-size:11px;font-weight:950;letter-spacing:.16em}
.store-section-title{margin:0;padding:0 0 7px;border-bottom:1px solid rgba(255,255,255,.09);color:#d9f06f;font-size:11px;font-weight:950;letter-spacing:.16em}.store-section-brief{margin:0!important;color:#8f9aa0!important;font-size:10px!important;line-height:1.45!important}
.store-section-list{display:grid;gap:6px}.store-item-list{grid-template-columns:minmax(0,1fr)}
.store-cursor-list{grid-template-columns:repeat(6,minmax(86px,1fr))}
.store-compact-list{grid-template-columns:repeat(6,minmax(86px,1fr))}
.store-item{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:2px;background:#181c1e}
.store-item.store-cursor{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;justify-items:stretch;gap:5px;padding:6px}
.store-item.store-cursor .store-item-icon{justify-self:center;width:52px;height:48px;font-size:31px}
.store-item.store-cursor .store-buy{min-width:0;width:100%;min-height:32px;padding:3px 2px;font-size:11px;line-height:1.15}
.store-item.store-compact{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;justify-items:stretch;gap:5px;padding:6px}
.store-item.store-compact .store-item-icon{justify-self:center;width:52px;height:48px;font-size:31px}
.store-item.store-compact .store-buy{grid-column:auto;min-width:0;width:100%;min-height:32px;padding:3px 2px;font-size:11px;line-height:1.15}
.store-item.purchased{border-color:rgba(217,240,111,.28);background:#1c211c}
.store-item-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:2px;background:#272d29;color:#d9f06f;font-size:25px}
.store-item-copy h4{margin:0 0 2px;font-size:13px;letter-spacing:.07em}
@ -232,7 +236,8 @@ body.archive-busy #viewport,body.archive-busy #minimap{opacity:.58}
.inventory-heading>strong{padding:8px 10px;border:1px solid rgba(217,240,111,.25);background:#252b23;color:#d9f06f;font-size:9px;letter-spacing:.08em}
#inventoryTarget{margin:12px 0;color:#aeb6bb;font-size:10px;font-weight:900;letter-spacing:.08em}
.inventory-list{display:grid;gap:12px}
.inventory-section{display:grid;gap:6px}.inventory-section-title{margin:0;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.09);color:#d9f06f;font-size:15px;letter-spacing:.12em}
.inventory-section{display:grid;gap:6px}.inventory-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:8px 10px;border:1px solid rgba(255,255,255,.09);background:#202528;color:#d9f06f;font-size:15px;font-weight:950;letter-spacing:.12em;cursor:pointer;list-style:none}.inventory-section-title::-webkit-details-marker{display:none}.inventory-section-title::before{content:'▾';font-size:12px;transition:transform .16s ease}.inventory-section:not([open]) .inventory-section-title::before{transform:rotate(-90deg)}.inventory-section-title span{margin-left:auto;min-width:28px;padding:2px 7px;border:1px solid rgba(217,240,111,.22);color:#dfe8b7;font-size:10px;text-align:center}.inventory-section[open]>.inventory-item-list,.inventory-section[open]>.inventory-cursor-grid{margin-top:2px}
.inventory-section[open]>.inventory-item-list,.inventory-section[open]>.inventory-cursor-grid{content-visibility:auto;contain-intrinsic-size:auto 420px}.inventory-item,.inventory-cursor-option{content-visibility:auto;contain-intrinsic-size:auto 52px}
.inventory-item-list{display:grid;gap:6px}
.inventory-cursor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:6px}
.inventory-cursor-option{display:grid;place-items:center;aspect-ratio:1;min-width:0;padding:3px;border:1px solid rgba(255,255,255,.1);border-radius:2px;background:#272d29;font-size:29px;cursor:pointer}
@ -242,7 +247,7 @@ body.archive-busy #viewport,body.archive-busy #minimap{opacity:.58}
.inventory-item-icon{display:grid;place-items:center;width:40px;height:40px;background:#272d29;color:#d9f06f;font-size:22px}
.inventory-item h3{margin:0;font-size:12px;letter-spacing:.06em}.inventory-item p{margin:3px 0 0;color:#899399;font-size:9px;line-height:1.4}
.inventory-use{min-width:116px;min-height:39px;border:1px solid rgba(217,240,111,.34);background:#30392d;color:#eef8c8;font-size:9px;font-weight:950;cursor:pointer}
.inventory-use:hover:not(:disabled){background:#3a4734}.inventory-use:disabled{border-color:rgba(255,255,255,.08);background:#24282a;color:#737c81}
.inventory-use:hover:not(:disabled){background:#3a4734}.inventory-use.selected{border-color:#67efff;background:#153944;color:#bff9ff;box-shadow:inset 0 0 0 2px rgba(103,239,255,.17),0 0 12px rgba(103,239,255,.2)}.inventory-use:disabled{border-color:rgba(255,255,255,.08);background:#24282a;color:#737c81}
.time-attack-panel{width:min(760px,100%);padding:18px!important}
.time-attack-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:11px;border-bottom:1px solid rgba(126,213,224,.28)}
.time-attack-heading small{color:#d9f06f;font-size:12px;font-weight:950;letter-spacing:.16em}
@ -257,17 +262,17 @@ body.archive-busy #viewport,body.archive-busy #minimap{opacity:.58}
.duration-value{grid-area:value;display:flex;align-items:flex-end;gap:3px;color:#eafa9d}.duration-value b{font-size:39px;line-height:.9}.duration-value small{font-size:15px;font-weight:950;line-height:1}
.time-attack-durations button>strong{grid-area:course;font-size:16px;letter-spacing:.08em;color:#f4f7f8}
.duration-status{grid-area:status;color:#b8c2c7;font-size:12px;font-style:normal;font-weight:850;letter-spacing:.04em}
.time-attack-rules{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,2.2fr);align-items:center;gap:10px;margin-top:10px;padding:9px 11px;border:1px solid rgba(255,255,255,.1);background:#181c1e}
.time-attack-rules>div b{display:block;color:#eafa9d;font-size:15px}.time-attack-rules>div span{display:block;margin-top:3px;color:#aab4b9;font-size:12px;line-height:1.35}
.time-attack-rules{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,2.2fr);align-items:center;gap:10px;margin-top:10px;padding:9px 11px;border:1px solid rgba(194,108,255,.42);background:linear-gradient(135deg,rgba(93,22,143,.24),rgba(43,33,49,.82))}
.time-attack-rules>div b{display:block;color:#edc8ff;font-size:15px}.time-attack-rules>div span{display:block;margin-top:3px;color:#d5b4e5;font-size:12px;line-height:1.35}
.time-attack-ladder{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.time-attack-ladder span{display:grid;gap:1px;padding:6px 4px;border:1px solid rgba(255,255,255,.08);background:#202527;text-align:center}
.time-attack-ladder small{color:#9ca7ad;font-size:9px}.time-attack-ladder b{color:#fff;font-size:13px}.time-attack-ladder strong{color:#d9f06f;font-size:13px}
.time-attack-ladder small{color:#9ca7ad;font-size:9px}.time-attack-ladder b{color:#fff;font-size:13px}.time-attack-ladder strong{color:#e1b4ff;font-size:13px}
.time-attack-clock{margin:13px 0 9px;padding:13px;border:1px solid rgba(217,240,111,.4);background:repeating-linear-gradient(90deg,rgba(217,240,111,.025) 0 9px,transparent 9px 18px),#171b18;color:#f3ffbc;text-align:center;font-size:58px;font-weight:950;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.08em}
.time-attack-clock.urgent{border-color:rgba(255,110,122,.65);color:#ff9ca5;animation:timeAttackUrgent .5s steps(2,end) infinite}
.time-attack-stats,.time-attack-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.time-attack-stats span,.time-attack-result-grid span{padding:10px 11px;border:1px solid rgba(255,255,255,.1);background:#191d1f;color:#aeb8bd;font-size:12px;font-weight:900;letter-spacing:.04em}
.time-attack-stats b,.time-attack-result-grid b{display:block;margin-top:3px;color:#f4f6f7;font-size:21px;font-variant-numeric:tabular-nums}
.time-attack-stats span:nth-child(2) b,.time-attack-result-grid span:nth-child(4) b,.time-attack-result-grid span:nth-child(5) b,.time-attack-result-grid span:nth-child(6) b{color:#d9f06f}
.time-attack-stats span:nth-child(2) b,.time-attack-result-grid span:last-child b{color:#d9f06f}
#timeAttackShareText{min-height:96px;margin:8px 0 0;padding:11px 13px;border:1px dashed rgba(217,240,111,.28);background:#141719;color:#d2dadd;white-space:pre-wrap;user-select:text;-webkit-user-select:text;font:13px/1.6 var(--dot-font)}
.modal-actions{position:sticky;bottom:-22px;margin:10px -22px -22px;padding:12px 22px 18px;background:linear-gradient(transparent,#1d2124 24%)}
.entry-mode-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@ -279,6 +284,16 @@ body.archive-busy #viewport,body.archive-busy #minimap{opacity:.58}
#modal.entry-choice .panel{border-color:rgba(255,255,255,.22)}
.panel .close{width:100%}
.time-attack-actions{display:flex;gap:8px}.time-attack-actions .pill{flex:1;width:auto}
#timeAttackCountdownOverlay{position:fixed;z-index:420;inset:0;display:grid;place-items:center;pointer-events:none;background:transparent}
#timeAttackCountdownOverlay[hidden]{display:none}
#timeAttackCountdownOverlay.start-sequence{pointer-events:auto;background:rgba(5,7,9,.58)}
#timeAttackCountdownOverlay span{display:grid;place-items:center;min-width:1.5em;color:#fff;font-weight:950;font-variant-numeric:tabular-nums;line-height:1;text-align:center;text-shadow:0 7px 30px rgba(0,0,0,.72)}
#timeAttackCountdownOverlay.start-sequence span{font-size:clamp(120px,28vw,330px);color:#f3ffbc;animation:timeAttackCountdownStart .78s ease-out both}
#timeAttackCountdownOverlay.start-sequence.is-start span{font-size:clamp(74px,18vw,220px);letter-spacing:.04em;color:#eafa9d}
#timeAttackCountdownOverlay.final-sequence span{padding:.08em .2em;border-radius:12px;background:rgba(10,12,14,.34);color:#ffb2ba;font-size:clamp(74px,14vw,170px);animation:timeAttackCountdownFinal .5s ease-out both}
@keyframes timeAttackCountdownStart{0%{opacity:0;transform:scale(.62)}30%{opacity:1;transform:scale(1.08)}100%{opacity:.84;transform:scale(.94)}}
@keyframes timeAttackCountdownFinal{0%{opacity:0;transform:scale(.78)}28%{opacity:1;transform:scale(1.08)}100%{opacity:0;transform:scale(.96)}}
@keyframes timeAttackTick{50%{opacity:.45}}
@keyframes timeAttackUrgent{to{background-color:#28191c}}
@keyframes timeAttackStartEmphasis{0%,100%{transform:scale(1.18)}50%{transform:scale(1.3)}}
@ -292,6 +307,7 @@ body.archive-busy #viewport,body.archive-busy #minimap{opacity:.58}
@media(max-width:700px){
:root{--bar-height:108px}
#topbar{align-content:center;align-items:center;flex-wrap:wrap;gap:4px 9px;padding-bottom:6px}
.room-back-link{min-height:30px;padding-inline:6px;font-size:9px}
.brand{font-size:13px}
.brand small,.stat.area{display:none}
.spacer{display:none}
@ -319,13 +335,6 @@ body.archive-busy #viewport,body.archive-busy #minimap{opacity:.58}
.toolbar .pill{min-width:0;font-size:9px}
}
.cloud-status{min-width:72px;font-size:10px;font-weight:900;letter-spacing:.1em}
.cloud-status[data-state="saved"]{border-color:rgba(217,240,111,.42);color:var(--accent)}
.cloud-status[data-state="syncing"]{border-color:rgba(255,255,255,.36);animation:cloudPulse .8s steps(2,end) infinite}
.cloud-status[data-state="error"]{border-color:var(--bad);color:#ffd8dc}
.cloud-status[data-state="local"]{color:var(--muted)}
@keyframes cloudPulse{50%{opacity:.52}}
@media(max-width:700px){.toolbar .cloud-status{flex:0 1 62px;min-width:50px;padding:0 5px;font-size:8px}}
@media (max-width:560px){.entry-mode-actions{grid-template-columns:1fr}}
@ -440,7 +449,6 @@ body.archive-busy #viewport,body.archive-busy #minimap{opacity:.58}
/* v47.13 interaction/reward pass */
.sr-data{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.compact-selected{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#timeAttackSuggestion{position:fixed;z-index:91;right:calc(18px + var(--safe-right));top:calc(66px + var(--safe-top));display:flex;align-items:center;gap:10px;max-width:min(520px,calc(100vw - 28px));padding:10px 12px;border:1px solid rgba(217,240,111,.62);border-radius:8px;background:rgba(14,20,22,.96);box-shadow:0 10px 34px rgba(0,0,0,.42);color:#eef4f5}
#timeAttackSuggestion[hidden]{display:none}#timeAttackSuggestion>div{display:grid;gap:2px}#timeAttackSuggestion b{color:#d9f06f;font-size:10px;letter-spacing:.12em}#timeAttackSuggestion span{font-size:11px;font-weight:800}#timeAttackSuggestion .quiet{min-width:30px;padding-inline:8px;opacity:.72}
.cell-confirm-flash{fill:rgba(255,255,255,.56);pointer-events:none}
@ -486,6 +494,9 @@ body[data-cursor-style="flame-orange"] :is(#viewport,.board-svg,.board-input-sur
.drag-live-tail{pointer-events:none}
.drag-tip-group{pointer-events:none;will-change:transform;transform-origin:0 0}
body.lightweight-rendering .path{filter:none!important;mix-blend-mode:normal!important}
body.lightweight-rendering .path[class*="line-effect-"]{animation:none!important;stroke-dasharray:none!important}
.line-color-swatch{color:transparent!important;background:radial-gradient(circle at 35% 30%,#fff 0 8%,var(--item-color) 18% 62%,color-mix(in srgb,var(--item-color),#000 35%) 100%)!important;border:1px solid color-mix(in srgb,var(--item-color),#fff 35%)!important;box-shadow:0 0 12px color-mix(in srgb,var(--item-color),transparent 35%)}
@media (prefers-reduced-motion:reduce){.path[class*="line-effect-"]{animation:none!important}}
/* Performance modes keep input and camera movement ahead of decoration. */
.drag-layer{pointer-events:none}
@ -532,16 +543,16 @@ body.effects-paused *{animation-play-state:paused!important}
.store-wallet{padding:5px 7px;font-size:12px}.store-wallet b{font-size:20px}#storeMeta,#inventoryTarget{margin:5px 0;font-size:13px}
.store-inventory{gap:10px}.store-section{gap:5px}.store-section-title{padding-bottom:4px;font-size:15px}.store-item{gap:7px;padding:6px}
.store-item-copy h4{font-size:16px}.store-item-copy strong{font-size:12px}.store-item-copy p{font-size:12px}.store-buy{min-height:34px;padding:4px 6px;font-size:13px}
.store-item.store-cursor .store-buy{font-size:12px}.inventory-list{gap:9px}.inventory-item{gap:7px;padding:6px}.inventory-item h3{font-size:15px}.inventory-item p{font-size:12px}.inventory-use{min-height:34px;font-size:12px}
.store-item.store-compact .store-buy{font-size:12px}.inventory-list{gap:9px}.inventory-item{gap:7px;padding:6px}.inventory-item h3{font-size:15px}.inventory-item p{font-size:12px}.inventory-use{min-height:34px;font-size:12px}
.inventory-heading>strong{padding:5px 7px;font-size:11px}.inventory-cursor-option{font-size:30px}
.minimap-head{font-size:12px}.minimap-legend{font-size:9px}.minimap-controls button{font-size:9px}.modal-actions{margin:5px -8px -8px;padding:7px 8px 9px}
@media(max-width:700px){
.store-cursor-list{grid-template-columns:repeat(4,minmax(66px,1fr))}
.store-item.store-cursor .store-buy{grid-column:auto}
.store-compact-list{grid-template-columns:repeat(4,minmax(66px,1fr))}
.store-item.store-compact .store-buy{grid-column:auto}
}
@media(max-width:420px){
.store-cursor-list{grid-template-columns:repeat(3,minmax(62px,1fr))}
.store-compact-list{grid-template-columns:repeat(3,minmax(62px,1fr))}
}
/* Shared-world phase 1: compact clear notifications above the minimap. */
@ -575,6 +586,11 @@ body.effects-paused *{animation-play-state:paused!important}
body.reaction-selecting #viewport{cursor:none!important}
/* v47.71 HUD, input, cursor, and time-attack refinements */
.shared-indicator{position:fixed;z-index:46;left:calc(6px + var(--safe-left));bottom:calc(16px + var(--safe-bottom));display:inline-flex;align-items:center;gap:3px;width:31px;height:7px;color:rgba(200,210,214,.58);font-size:6px;line-height:1;font-weight:800;letter-spacing:.04em;white-space:nowrap;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.72)}
.shared-indicator i{display:block;flex:0 0 4px;width:4px;height:4px;border-radius:50%;background:#849097;box-shadow:0 0 3px rgba(132,144,151,.5)}
.shared-indicator[data-state="online"] i{background:#d9f06f;box-shadow:0 0 4px rgba(217,240,111,.72)}
.shared-indicator[data-state="syncing"] i,.shared-indicator[data-state="connecting"] i{background:#ffd46f;box-shadow:0 0 4px rgba(255,212,111,.68)}
.shared-indicator[data-state="offline"] i{background:#ff7c88;box-shadow:0 0 4px rgba(255,124,136,.7)}
.fps-stat{position:fixed;z-index:46;left:calc(6px + var(--safe-left));bottom:calc(5px + var(--safe-bottom));min-width:0;padding:0;border:0;background:none;box-shadow:none;color:rgba(200,210,214,.48);font-size:8px;line-height:1;font-variant-numeric:tabular-nums;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.72)}
.fps-stat b{color:inherit;letter-spacing:.02em;font-weight:700}
.unfilled-warning-cells{fill:#3b3430;stroke:#bda98b;stroke-width:1.4;vector-effect:non-scaling-stroke;pointer-events:none}
@ -637,15 +653,7 @@ body.lightweight-rendering .score-lens-badge{box-shadow:none!important;text-shad
.settings-actions{justify-content:flex-end}.settings-actions #resetSettings{margin-right:4px}
/* v47.83: active board emphasis, aligned settings actions, and cyber-pop stores. */
.active-board-boundary-layer{display:none;pointer-events:none}
.board-card.hud-current:not(.solved) .active-board-boundary-layer{display:block}
.active-board-boundary-shadow,.active-board-boundary-dash{fill:none;vector-effect:non-scaling-stroke;pointer-events:none}
.active-board-boundary-shadow{stroke:color-mix(in srgb,var(--region) 72%,#7cf7ff);stroke-width:9;opacity:.48;filter:drop-shadow(0 0 8px rgba(73,238,255,.8)) drop-shadow(0 0 16px rgba(255,71,199,.36))}
.active-board-boundary-dash{stroke:#f5feff;stroke-width:9;stroke-dasharray:1 18;stroke-linecap:round;animation:activeBoardOrbit 9s linear infinite,activeBoardBreathe 3.4s ease-in-out infinite}
@keyframes activeBoardOrbit{to{stroke-dashoffset:-96}}
@keyframes activeBoardBreathe{0%,100%{opacity:.34}50%{opacity:1}}
body.lightweight-rendering .active-board-boundary-layer{display:none!important}
/* v47.83: aligned settings actions and cyber-pop stores. */
.settings-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.settings-actions .pill{flex:1 1 0;width:auto;margin:0!important}
@ -665,3 +673,14 @@ body.lightweight-rendering .active-board-boundary-layer{display:none!important}
.internal-gate-bracket{fill:none;stroke:#61f3ff;stroke-width:2.4;stroke-linecap:square;vector-effect:non-scaling-stroke}
.gate-marker.internal{stroke:#ff6ed7;stroke-width:2.8}
.gate-dot.internal{stroke:#5ff3ff;stroke-width:2.5;filter:drop-shadow(0 0 4px rgba(95,243,255,.75))}
.purchase-item-fly{position:fixed;z-index:420;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.78);border-radius:8px;background:linear-gradient(145deg,rgba(38,45,41,.98),rgba(13,18,21,.98));box-shadow:0 0 0 3px rgba(95,216,255,.16),0 0 24px rgba(95,216,255,.72),0 12px 38px rgba(0,0,0,.62);color:#d9f06f;font-size:27px;pointer-events:none;will-change:transform,opacity}
.purchase-item-fly.line-color-swatch::before{content:"";width:28px;height:7px;border-radius:999px;background:var(--item-color);box-shadow:0 0 11px var(--item-color)}
.purchase-item-fly .item-flag-image{max-width:34px;max-height:25px}
.inventory-button.purchase-arrival{animation:inventoryPurchaseArrival .4s cubic-bezier(.15,.8,.2,1)}
@keyframes inventoryPurchaseArrival{0%{transform:scale(1)}36%{transform:scale(1.15);box-shadow:0 0 0 4px rgba(217,240,111,.18),0 0 28px rgba(95,216,255,.74)}100%{transform:scale(1)}}
.line-color-swatch.aurora-swatch{background:conic-gradient(from 25deg,#64f4ff,#a47bff,#ff70cf,#ffd86a,#72f2a3,#64f4ff)!important;border-color:rgba(255,255,255,.72)!important;box-shadow:0 0 16px rgba(112,228,255,.55),0 0 22px rgba(255,112,207,.28)!important}
.pill.time-attack.active.final-countdown{transform:scale(1.12);font-size:1.08em;box-shadow:inset 0 -2px #d9f06f,0 0 0 3px rgba(217,240,111,.24),0 8px 28px rgba(0,0,0,.38);animation:timeAttackFinalTimerPulse 1s ease-in-out infinite}
@keyframes timeAttackFinalTimerPulse{0%,100%{transform:scale(1.1)}50%{transform:scale(1.18)}}