.junction-game{color:#e2e8f0;background:linear-gradient(155deg,#1e2943,#131b30);border:1px solid #63518a;border-radius:20px;min-width:0;max-width:470px;margin:auto;padding:12px}.junction-game *{box-sizing:border-box}.junction-game [hidden]{display:none!important}.junction-game button,.junction-game select{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:#222940;border:1px solid #77608e;border-radius:12px;min-height:44px}.junction-game button:disabled{cursor:default;opacity:.5}.junction-game :focus-visible{outline-offset:3px;outline:3px solid #fbbf24}.jp-toolbar{justify-content:space-between;align-items:center;gap:5px;margin-bottom:10px;display:flex}.jp-toolbar>span{letter-spacing:.1em;color:#c4b5fd;font-size:.6rem;font-weight:700}.jp-toolbar .game-toolbar-actions{gap:5px}.jp-hud{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0 0 7px;display:grid}.jp-hud>div{background:#0d162c;border:1px solid #374162;border-radius:10px;min-width:0;padding:8px 5px}.jp-hud dt{letter-spacing:.06em;color:#bdc8de;font-size:.52rem}.jp-hud dd{white-space:nowrap;margin:3px 0 0;font-size:1.15rem;font-weight:800}.jp-hud>div:nth-child(3) dd{color:#fbbf24}.jp-hud>div:last-child dd{color:#f0abfc;font-size:1rem}.jp-preview{color:#c4b5fd;justify-content:space-between;align-items:center;gap:5px;min-height:18px;margin:0 2px 7px;font-size:.62rem;display:flex}.jp-preview>span:first-child{font-weight:800}.jp-board{aspect-ratio:400/620;background:#0b1729;border:1px solid #434a73;border-radius:14px;width:100%;min-height:0;position:relative;overflow:hidden}.jp-board canvas{object-fit:contain;width:100%;height:100%;display:block}.jp-node{aspect-ratio:1;width:14%;min-width:44px;padding:0;position:absolute;left:50%;transform:translate(-50%,-50%);color:#0000!important;background:0 0!important;border:0!important;border-radius:50%!important}.jp-node-a{top:35.8065%}.jp-node-b{top:56.129%}.jp-node:focus-visible{outline-offset:0}.jp-overlay{z-index:2;text-align:center;background:linear-gradient(#0c142bf5,#151234f5);flex-direction:column;justify-content:safe center;align-items:center;gap:10px;padding:22px 15px;transition:opacity .15s;display:flex;position:absolute;inset:0;overflow:auto}.jp-overlay h2{color:#e0f2fe;letter-spacing:-.05em;margin:4px 0;font-size:clamp(1.7rem,6vw,2.8rem);line-height:1}.jp-overlay h2 em{color:#d8b4fe;font-style:normal;display:block}.jp-overlay p{max-width:32ch;margin:0;font-size:.78rem;line-height:1.5}.jp-eyebrow{letter-spacing:.14em;color:#c4b5fd;font-size:.58rem}.jp-legend{gap:12px;font-size:.65rem;font-weight:800;display:flex}.jp-legend span:first-child{color:#38bdf8}.jp-legend span:nth-child(2){color:#fbbf24}.jp-legend span:nth-child(3){color:#e879f9}.jp-guide{color:#b8cbe2}.jp-select{color:#c4b5fd;gap:5px;width:min(100%,280px);font-size:.55rem;display:grid}.jp-select select{width:100%;padding:6px 10px}.jp-overlay>button,.jp-overlay>a{width:min(100%,280px);min-height:44px;padding:10px;font-size:.85rem;font-weight:700}.junction-game .jp-primary{color:#fff;background:linear-gradient(110deg,#a855f7,#7c25ed);border-color:#d8b4fe}.jp-overlay>a{color:#c4b5fd;min-height:44px;font-size:.7rem;text-decoration:none}.jp-overlay>small{color:#9baec9;font-size:.57rem}.jp-stars{color:#fbbf24;letter-spacing:.18em;font-size:2rem!important}.jp-results{background:#0d162c;border:1px solid #3d4568;border-radius:12px;grid-template-columns:1fr 1fr;gap:10px;width:min(100%,280px);margin:0;padding:12px;display:grid}.jp-results dt{color:#9fb4d4;font-size:.5rem}.jp-results dd{margin:3px 0 0;font-size:1.2rem;font-weight:800}.jp-record{color:#fbbf24;letter-spacing:.08em;font-weight:800}.jp-controls{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.jp-controls>button{background:linear-gradient(#26334f,#16223b);border-color:#726593;flex-direction:column;align-items:center;gap:4px;min-height:80px;padding:10px 5px;display:flex}.jp-controls>button>span{letter-spacing:.08em;font-size:.64rem}.jp-controls strong{font-size:1rem}.jp-controls small{color:#9aaac5;font-size:.5rem}.jp-controls>button:first-child strong{color:#38bdf8}.jp-controls>button:last-child strong{color:#f0abfc}.jp-controls button[data-pulse=true]{border-color:#fbbf24;box-shadow:inset 0 0 12px #a855f744}.jp-status{color:#c5d5ea;min-height:2.8em;margin:8px 2px 0;font-size:.65rem;line-height:1.4}.junction-game[data-hit=true] [data-jp-lives]{animation:.3s ease-out jp-life}.junction-game[data-record=true] .jp-overlay{border:2px solid #fbbf24}.junction-game[data-state=LOST] .jp-overlay h2{color:#fb7185}@keyframes jp-life{50%{color:#fb7185;transform:scale(1.15)}}@media (width<=360px){.junction-game{padding:8px}.jp-toolbar>span{font-size:.51rem}.jp-toolbar .game-icon-button{width:44px}.jp-hud dd{font-size:1rem}.jp-overlay{gap:7px;padding:12px}.jp-overlay p{font-size:.7rem}.jp-controls>button{min-height:72px}.jp-overlay h2{font-size:1.9rem}}.game-viewport.is-expanded .junction-game{width:100%;max-width:none;height:100%;padding:calc(8px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left));border:0;border-radius:0;flex-direction:column;align-items:center;display:flex;overflow:hidden}.game-viewport.is-expanded .jp-toolbar,.game-viewport.is-expanded .jp-hud,.game-viewport.is-expanded .jp-preview,.game-viewport.is-expanded .jp-controls,.game-viewport.is-expanded .jp-status{flex-shrink:0;width:100%;max-width:520px}.game-viewport.is-expanded .jp-board{aspect-ratio:400/620;flex:1;width:auto;max-width:100%;min-height:0}.game-viewport.is-expanded .jp-controls>button{min-height:64px;padding:7px}.game-viewport.is-expanded .jp-controls small{display:none}.game-viewport.is-expanded .jp-status{min-height:2.8em;margin-top:5px;font-size:.6rem}@media (height<=680px) and (orientation:portrait){.game-viewport.is-expanded .jp-toolbar{margin-bottom:5px}.game-viewport.is-expanded .jp-toolbar>span{display:none}.game-viewport.is-expanded .jp-toolbar{justify-content:flex-end}.game-viewport.is-expanded .jp-hud>div{padding:5px}.game-viewport.is-expanded .jp-hud dd{font-size:.95rem}.game-viewport.is-expanded .jp-preview{margin-bottom:3px}.game-viewport.is-expanded .jp-overlay{gap:5px;padding:8px}.game-viewport.is-expanded .jp-overlay h2{font-size:1.6rem}.game-viewport.is-expanded .jp-overlay p{font-size:.65rem}.game-viewport.is-expanded .jp-guide{display:none}.game-viewport.is-expanded .jp-results{gap:5px;padding:6px}.game-viewport.is-expanded .jp-overlay>small{display:none}}@media (orientation:landscape) and (height<=600px){.game-viewport.is-expanded .junction-game{grid-template-rows:44px auto auto 1fr auto;grid-template-columns:minmax(0,1fr) minmax(180px,260px);column-gap:14px;max-width:900px;margin:auto;display:grid}.game-viewport.is-expanded .jp-board{grid-area:1/1/6;justify-self:center;width:auto;height:100%;max-height:100%}.game-viewport.is-expanded .jp-toolbar{grid-area:1/2}.game-viewport.is-expanded .jp-toolbar>span{display:none}.game-viewport.is-expanded .jp-toolbar{justify-content:flex-end}.game-viewport.is-expanded .jp-hud{grid-area:2/2;grid-template-columns:1fr 1fr;margin-top:6px}.game-viewport.is-expanded .jp-preview{flex-wrap:wrap;grid-area:3/2}.game-viewport.is-expanded .jp-controls{grid-area:4/2;align-self:center}.game-viewport.is-expanded .jp-status{grid-area:5/2}.game-viewport.is-expanded .jp-overlay{gap:5px;padding:8px}.game-viewport.is-expanded .jp-overlay h2{font-size:1.6rem}.game-viewport.is-expanded .jp-guide,.game-viewport.is-expanded .jp-overlay>small{display:none}.game-viewport.is-expanded .jp-overlay p{font-size:.65rem}.game-viewport.is-expanded .jp-results{gap:3px;padding:5px}.game-viewport.is-expanded .jp-overlay>button{min-height:44px;padding:5px}.game-viewport.is-expanded .jp-legend{font-size:.55rem}}@media (prefers-reduced-motion:reduce){.junction-game *{transition:none!important;animation:none!important}}.jp-field{aspect-ratio:400/620;place-items:center;width:100%;min-height:0;display:grid}.game-viewport.is-expanded .jp-field{aspect-ratio:auto;flex:1;place-items:center;width:100%;min-height:0;display:grid}.game-viewport.is-expanded .jp-board{flex:none}@media (orientation:landscape) and (height<=600px){.game-viewport.is-expanded .jp-field{grid-area:1/1/6;width:100%;height:100%}.game-viewport.is-expanded .jp-board{grid-area:auto}}.junction-game{position:relative}.jp-overlay{border:1px solid #63518a;border-radius:14px;inset:66px 10px 10px}@media (height<=680px) and (orientation:portrait){.game-viewport.is-expanded .jp-overlay{gap:6px;top:60px}.game-viewport.is-expanded .jp-overlay>.jp-eyebrow{display:none}.game-viewport.is-expanded .jp-overlay h2{font-size:1.5rem}.game-viewport.is-expanded .jp-overlay .jp-stars{font-size:1.6rem!important}.game-viewport.is-expanded .junction-game:is([data-state=WON],[data-state=LOST]) [data-jp-detail]{display:none}.game-viewport.is-expanded .jp-results dd{font-size:1rem}}@media (orientation:landscape) and (height<=600px){.game-viewport.is-expanded .junction-game{grid-template-rows:44px auto auto minmax(0,1fr) auto}.game-viewport.is-expanded .jp-hud>div{padding:4px}.game-viewport.is-expanded .jp-hud dd{font-size:.9rem}.game-viewport.is-expanded .jp-hud dt{font-size:.48rem}.game-viewport.is-expanded .jp-controls{min-height:0}.game-viewport.is-expanded .jp-overlay{grid-template-rows:repeat(6,auto);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:center;justify-items:center;column-gap:14px;padding:10px;display:grid;top:58px}.game-viewport.is-expanded .jp-overlay>.jp-eyebrow{display:none}.game-viewport.is-expanded .jp-overlay h2{grid-area:1/1}.game-viewport.is-expanded [data-jp-detail]{grid-area:2/1}.game-viewport.is-expanded .jp-legend{grid-area:3/1}.game-viewport.is-expanded .jp-select{grid-area:4/1}.game-viewport.is-expanded .jp-stars{grid-area:1/2;font-size:1.5rem!important}.game-viewport.is-expanded .jp-results{grid-area:2/2/4}.game-viewport.is-expanded .jp-record{grid-area:4/2}.game-viewport.is-expanded [data-jp-primary]{grid-area:5/1}.game-viewport.is-expanded [data-jp-secondary]{grid-area:5/2}.game-viewport.is-expanded .jp-overlay>a{grid-area:6/1/auto/-1;padding:5px}}