body.sock-page-open{overflow:hidden}#adventure.sock-fullscreen{position:fixed;inset:0;z-index:10000;width:100%;height:100dvh;overflow:auto;border:0;border-radius:0;padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#111e29;display:flex;flex-direction:column;gap:8px}#adventure.sock-fullscreen>.section-top,#adventure.sock-fullscreen>.adventure-progress{display:none}.sock-view-bar{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;color:#d6fa72;font-size:11px;letter-spacing:1px}.sock-view-bar button{min-height:44px;padding:8px 12px;letter-spacing:0}#adventure.sock-fullscreen>.expedition-companion{margin:0;padding:6px 12px;min-height:0;gap:10px;background:#162c34}#adventure.sock-fullscreen>.expedition-companion img{height:45px;width:50px}#adventure.sock-fullscreen>.expedition-companion>div{display:flex;gap:8px;flex-wrap:wrap;align-items:center;width:100%}#adventure.sock-fullscreen>.expedition-companion span{font-size:11px}#adventure.sock-fullscreen>.expedition-companion .health{width:100px;margin:0}#adventure.sock-fullscreen>.expedition-companion span:nth-child(3){display:none}#adventure.sock-fullscreen .expedition-actions{margin:0;display:flex;justify-content:space-between;gap:12px}#adventure.sock-fullscreen .expedition-actions button{min-height:42px;padding:6px 12px;font-size:12px}.sock-journey-scene{flex:1;min-height:0;padding:0!important;border:1px solid #4d6958!important;border-radius:15px!important;background:#1e3437!important;margin:0!important;overflow:hidden;display:flex;flex-direction:column}.sock-journey-title{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;gap:10px;background:#142833}.sock-journey-title small{font-size:10px;color:#b9d497;letter-spacing:1px}.sock-journey-title h3{font-size:22px;margin:5px 0;color:#fff1c7}.sock-world{position:relative;flex:1;min-height:210px;max-height:45vh;overflow:hidden;background:#4c6d6c}.sock-world canvas{width:100%;height:100%;position:absolute;inset:0;image-rendering:pixelated;object-fit:cover}.sock-traveler{position:absolute;left:12%;bottom:17%;width:clamp(70px,12vw,125px);height:110px;display:grid;place-items:end center;z-index:2;transition:left 1.8s linear,bottom .55s ease-out}.sock-traveler img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 5px #122a3780)}.sock-traveler span{position:absolute;bottom:-5px;width:65%;height:8px;border-radius:50%;background:#193c3c55;z-index:-1}.sock-walking .sock-traveler,.sock-arrived .sock-traveler{left:43%}.sock-walking .sock-traveler img{animation:sock-step .28s ease-in-out infinite alternate}.sock-signpost{position:absolute;right:16%;bottom:28%;padding:6px;color:#f5e3b8;background:#493f3299;font-size:9px;line-height:1.8;transform:rotate(-3deg);border:1px solid #c5a77b}.sock-footprints{position:absolute;left:20%;bottom:12%;color:#7e674e;font-size:35px;letter-spacing:14px}.sock-chosen .sock-traveler{left:68%;transition:left .55s ease-out}.sock-chosen[data-branch=lower] .sock-traveler{bottom:3%}.sock-chosen .sock-traveler img{animation:sock-step .2s infinite alternate}.sock-decision{padding:12px 18px 18px;background:#122a31}.sock-decision>h3{margin:0 0 10px;font-size:20px;color:#fff1c5}.sock-decision>p{font-size:14px;color:#c0d5cf}.sock-decision>strong{display:block;color:#d6fa72;margin:12px}.sock-path-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sock-path-choices button{display:grid;grid-template-columns:30px 1fr;gap:5px 10px;text-align:left;background:#285149;border:2px solid #91c5a4;color:#f3ffdc;border-radius:12px;padding:12px;min-height:78px}.sock-path-choices button:nth-child(2){background:#3b405c;border-color:#a6a2d1}.sock-path-choices button span{grid-row:1/3;font-size:24px;align-self:center}.sock-path-choices button strong{font-size:17px}.sock-path-choices button small{color:#d4e1d9;font-size:12px}.sock-path-choices button:disabled{opacity:.55}.sock-battle .exp-live-stage{position:relative;isolation:isolate;border:1px solid #829b6c;border-radius:12px;background:#314d45;overflow:hidden}.sock-combat-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;z-index:-2;opacity:.8}.sock-battle .exp-live-stage:before{content:'';position:absolute;inset:0;background:linear-gradient(#11253611,#0a1b3088);z-index:-1}.sock-battle .combatant{position:relative;align-self:center}.sock-battle .combatant>img,.sock-battle .combatant>svg{filter:drop-shadow(0 12px 5px #0b1e2680)}.sock-battle .combatant>strong,.sock-battle .combatant>small{color:#f4f5d6;text-shadow:0 2px 3px #152932}.sock-battle #expA.sock-attack{animation:sock-strike-left .5s ease-in-out}.sock-battle #expB.sock-attack{animation:sock-strike-right .5s ease-in-out}.sock-battle .exp-versus{opacity:.35}.sock-battle .exp-bolt{z-index:7;filter:drop-shadow(0 0 8px #ffd97d)}
@keyframes sock-step{from{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-7px) rotate(3deg)}}@keyframes sock-strike-left{0%{transform:none}20%{transform:translateX(-8px) rotate(-4deg)}65%{transform:translateX(32px) rotate(5deg)}100%{transform:none}}@keyframes sock-strike-right{0%{transform:none}20%{transform:translateX(8px) rotate(4deg)}65%{transform:translateX(-32px) rotate(-5deg)}100%{transform:none}}
@media(max-width:600px){.sock-path-choices{gap:7px}.sock-path-choices button{padding:10px 8px;grid-template-columns:18px 1fr;gap:4px}.sock-path-choices button strong{font-size:14px}.sock-path-choices button small{font-size:11px}.sock-decision{padding:12px}.sock-journey-title{padding:10px}.sock-journey-title h3{font-size:19px}.sock-world{min-height:230px}.sock-traveler{height:85px}.sock-signpost{right:5%;font-size:8px}.sock-decision>h3{font-size:17px}#adventure.sock-fullscreen{padding:8px;gap:6px}}
@media(orientation:landscape) and (max-height:600px){#adventure.sock-fullscreen{display:grid;grid-template-columns:minmax(0,1fr) 230px;grid-template-rows:40px minmax(0,1fr) 42px;gap:5px}.sock-view-bar{grid-column:1/-1}#adventure.sock-fullscreen>.expedition-companion{grid-column:2;grid-row:2;align-self:start;display:flex;flex-direction:column}#adventure.sock-fullscreen>.expedition-companion>div{display:block}#adventure.sock-fullscreen>.expedition-companion .health{width:100%;margin:10px 0}#adventure.sock-fullscreen>.expedition-actions{grid-column:2;grid-row:3}#adventure.sock-fullscreen>#expScene{grid-column:1;grid-row:2/4}.sock-journey-title{padding:6px 10px}.sock-journey-title h3{font-size:17px;margin:3px 0}.sock-world{min-height:110px;max-height:none}.sock-traveler{height:68px;width:75px}.sock-decision{padding:8px 10px}.sock-decision>h3{font-size:15px;margin:0 0 6px}.sock-path-choices button{min-height:60px;padding:7px}.sock-path-choices button strong{font-size:14px}.sock-path-choices button small{font-size:10px}.sock-signpost{display:none}}
@media(prefers-reduced-motion:reduce){.sock-traveler{transition:none}.sock-traveler img,.sock-battle .sock-attack{animation:none!important}}
.adventure-fight-screen.sock-battle .exp-live-stage .combatant>img,.adventure-fight-screen.sock-battle .exp-live-stage .combatant>svg{height:clamp(120px,23vh,210px);max-height:210px}.sock-battle .exp-stage-particles{display:none}.sock-battle .exp-live-stage .combatant>strong{font-size:16px;line-height:1.3}.sock-battle .exp-live-stage .combatant>small{font-size:12px}
@media(max-width:600px) and (orientation:portrait){.adventure-fight-screen.sock-battle .exp-live-stage .combatant>img,.adventure-fight-screen.sock-battle .exp-live-stage .combatant>svg{height:100px;max-height:100px}.sock-battle .exp-live-stage .combatant>strong{font-size:12px}}
@media(orientation:landscape) and (max-height:600px){.adventure-fight-screen.sock-battle .exp-live-stage .combatant>img,.adventure-fight-screen.sock-battle .exp-live-stage .combatant>svg{height:120px;max-height:120px}.sock-battle .exp-live-stage .combatant>strong{font-size:12px}}
/* Short, expressive Sock encounters. Actor wrappers move; sprite rigs stay intact. */
.sock-duel{display:flex;flex-direction:column;flex:1;min-height:0;padding:0!important;overflow:hidden;background:#102732;border:1px solid #87ad8f;border-radius:14px}.sock-duel-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 14px;background:#172d3a;gap:10px}.sock-duel-bar>strong{color:#fff0c8}.sock-duel-stage{position:relative;isolation:isolate;flex:1;min-height:230px;display:flex;justify-content:space-around;align-items:end;padding:20px 5% 24px;overflow:hidden}.sock-duel-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#0a182e77);z-index:-1}.sock-duel-stage .sock-combat-landscape{opacity:1;z-index:-2}.sock-duel-actor{position:relative;width:30%;max-width:220px;display:flex;flex-direction:column;align-items:center;gap:5px;transform-origin:50% 80%;z-index:2}.sock-duel-actor>img,.sock-duel-actor>.npc-pixel-enemy{width:100%;height:clamp(95px,22vh,190px);object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 8px 4px #071c3780)}.sock-duel-actor strong{font-size:13px;color:#fff5da;text-shadow:0 2px 3px #102435;text-align:center}.sock-duel-actor meter{height:12px;width:100%;accent-color:#a8ef82}.sock-duel-challenge{padding:12px 18px;background:#122a32;text-align:center}.sock-duel-challenge small{font-size:10px;color:#bfce9c;letter-spacing:1px}.sock-duel-challenge h3{color:#f3e4b5;font-size:23px;margin:5px 0}.sock-duel-challenge p{margin:6px 0;font-size:13px;color:#ccded4}.sock-duel-timing{height:24px;width:min(470px,100%);position:relative;margin:12px auto;background:#395264;border:2px solid #89ac9d;border-radius:5px;overflow:hidden}.sock-duel-timing[hidden]{display:none}.sock-duel-timing i{position:absolute;left:47%;width:36%;height:100%;background:#70a26a}.sock-duel-timing i:after{content:'';position:absolute;left:29.2%;width:41.6%;height:100%;background:#d8f878}.sock-duel-timing b{position:absolute;left:0;width:6px;height:100%;background:#fff7e6;box-shadow:0 0 8px #fff;transform:translateX(-50%)}.sock-duel-buttons{display:flex;justify-content:center;gap:12px}.sock-duel-buttons button{min-height:48px;min-width:150px}.sock-duel-impact{position:absolute;left:50%;top:25%;transform:translateX(-50%);font-weight:900;color:#fff0aa;font-size:clamp(16px,3vw,30px);text-shadow:3px 3px #532653;opacity:0;z-index:4}.sock-duel-stage[data-quality]:not([data-quality='']) .sock-duel-impact{animation:sock-impact .8s both}.sock-pixel-hammer{display:none;position:absolute;right:-25%;top:-15%;height:140px;width:24px;background:#977348;border:5px solid #573d3d;transform:rotate(-30deg);transform-origin:50% 90%;image-rendering:pixelated}.sock-pixel-hammer i{position:absolute;left:-37px;top:-8px;width:90px;height:55px;background:#a6ced7;border:7px solid #415d81;box-shadow:inset 7px 7px #d9f9df,7px 7px #182d40}.strike-hammer .sock-pixel-hammer{display:block;animation:sock-hammer .8s both}.strike-hammer{animation:sock-smash .8s both}.strike-flip{animation:sock-flip .8s both}.strike-lunge{animation:sock-smash .65s both}.sock-foe.windup{animation:sock-windup .6s steps(4) infinite alternate}.sock-foe.enemy-flip{animation:sock-enemy-flip .8s both}.sock-foe.recoil{animation:sock-recoil .8s both}
@keyframes sock-flip{0%{transform:none}45%{transform:translate(40%,-70px) rotate(330deg)}70%{transform:translate(85%,-10px) rotate(360deg)}100%{transform:none}}@keyframes sock-enemy-flip{0%{transform:none}45%{transform:translate(-40%,-60px) rotate(-330deg)}70%{transform:translate(-65%,0) rotate(-360deg)}100%{transform:none}}@keyframes sock-smash{0%{transform:none}25%{transform:translateX(-12%) rotate(-8deg)}65%{transform:translateX(65%) rotate(8deg)}100%{transform:none}}@keyframes sock-hammer{0%,25%{transform:rotate(-70deg)}65%{transform:rotate(75deg)}100%{transform:rotate(10deg)}}@keyframes sock-recoil{0%,40%{transform:none}65%{transform:translateX(25%) rotate(16deg)}100%{transform:none}}@keyframes sock-windup{to{transform:translateY(-6px) rotate(-5deg)}}@keyframes sock-impact{0%,30%{opacity:0;scale:.5}50%,80%{opacity:1;scale:1.1}100%{opacity:0;scale:1}}
@media(max-width:600px){.sock-duel-stage{min-height:200px}.sock-duel-challenge{padding:10px}.sock-duel-buttons button{min-width:120px;font-size:13px}.sock-pixel-hammer{scale:.7;right:-30%}.sock-duel-actor{width:32%}.sock-duel-actor strong{font-size:11px}}
@media(orientation:landscape) and (max-height:600px){.sock-duel-stage{min-height:110px;padding:6px 5% 10px}.sock-duel-actor>img,.sock-duel-actor>.npc-pixel-enemy{height:90px}.sock-duel-bar{padding:3px 10px}.sock-duel-bar button{min-height:35px;padding:5px}.sock-duel-challenge{padding:6px 10px}.sock-duel-challenge h3{font-size:17px;margin:2px}.sock-duel-challenge p{font-size:11px;margin:3px}.sock-duel-timing{margin:6px auto;height:18px}.sock-duel-buttons button{min-height:38px;padding:6px 12px}.sock-pixel-hammer{scale:.6;top:-40px}.sock-duel-actor strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.sock-duel *{animation:none!important;transition:none!important}.sock-duel-stage[data-quality]:not([data-quality='']) .sock-duel-impact{opacity:1}}
.sock-duel-bar{height:44px;flex-shrink:0;border-bottom:1px solid #527269}.sock-duel-bar button{min-height:36px}.sock-hero.strike-hammer,.sock-hero.strike-lunge{animation-name:sock-close-strike}@keyframes sock-close-strike{0%{transform:none}25%{transform:translateX(-12%) rotate(-8deg)}65%{transform:translateX(125%) rotate(8deg)}100%{transform:none}}@media(orientation:landscape) and (max-height:600px){.sock-duel-bar{height:34px}.sock-duel-bar button{min-height:30px}}@media(prefers-reduced-motion:reduce){.sock-hero.strike-hammer,.sock-hero.strike-lunge{animation:none!important}}
/* One individually drawn scene: show its complete route instead of cropping it. */
.sock-world.sock-authored-world{flex:0 0 auto;width:min(100%,80vh);aspect-ratio:1672/941;min-height:0;max-height:none;margin-inline:auto;background:#18352f}.sock-authored-world canvas{object-fit:fill}.sock-authored-world .sock-traveler{bottom:auto;transition:none}.sock-authored-world .sock-signpost{font-size:8px;white-space:nowrap;z-index:4;transform:none;line-height:1.4}.sock-authored-world .sock-footprints{display:none}.sock-authored-stage .sock-combat-landscape{object-fit:fill}.sock-authored-stage .sock-duel-actor>strong{font-size:11px}.sock-authored-stage .sock-duel-actor meter{height:9px}.sock-authored-stage{background:#18352f}.sock-authored-stage:after{display:none}
@media(orientation:landscape) and (max-height:600px){.sock-world.sock-authored-world{width:min(100%,60vh)}.sock-authored-world .sock-signpost{font-size:6px;padding:3px}.sock-authored-stage .sock-duel-actor>strong{font-size:9px}}
.sock-departing>img{animation:sock-step .28s ease-in-out infinite alternate}.sock-authored-stage .sock-duel-actor[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.sock-departing>img{animation:none}}
.sock-journey-scene.sock-authored-scene{flex:0 0 auto;align-self:center;width:min(100%,max(300px,calc((100dvh - 410px)*1.777)));max-width:1400px}.sock-authored-scene .sock-world.sock-authored-world{width:100%;aspect-ratio:1672/941;margin:0}.sock-authored-scene .sock-decision{flex-shrink:0}
@media(max-width:600px) and (orientation:portrait){.sock-journey-scene.sock-authored-scene{width:100%}}
@media(orientation:landscape) and (max-height:600px){.sock-journey-scene.sock-authored-scene{width:min(100%,max(300px,calc((100dvh - 240px)*2.5723)))}.sock-authored-scene .sock-world.sock-authored-world{aspect-ratio:1672/650}}

/* Hide scene overlays until the authored artwork is painted. */
.sock-authored-world canvas[data-scene-loaded="false"]~.sock-traveler,.sock-authored-world canvas[data-scene-loaded="false"]~.sock-signpost,.sock-authored-stage canvas[data-scene-loaded="false"]~.sock-duel-actor{visibility:hidden}

.sock-authored-scene .sock-world.sock-authored-world{aspect-ratio:var(--sock-aspect,1672/941)}.sock-path-choices:has(>button:only-child){grid-template-columns:1fr}
@media(orientation:landscape) and (max-height:600px){.sock-authored-scene .sock-world.sock-authored-world{aspect-ratio:1672/650}}

.sock-authored-stage .sock-duel-actor>strong{width:max-content;max-width:130px;line-height:1.2}.sock-authored-stage .sock-duel-actor>meter{min-width:42px}.sock-authored-stage .sock-label-above>strong{position:absolute;bottom:calc(100% + 14px)}.sock-authored-stage .sock-label-above>meter{position:absolute;bottom:100%}
/* Shared Adventure presentation: scenery keeps the same frame during choices,
   walking and combat; controls occupy the same compact bottom overlay. */
#adventure.sock-fullscreen{display:block!important;padding:0!important;gap:0;overflow:hidden;background:#10212d;height:100dvh}
#adventure.sock-fullscreen>.section-top,#adventure.sock-fullscreen>.adventure-progress,#adventure.sock-fullscreen>.toy-feedback,#adventure.sock-fullscreen>.halloween-feedback,#adventure.sock-fullscreen>.halloween-mistakes{display:none}
#adventure.sock-fullscreen>.sock-view-bar{position:absolute;inset:0 0 auto;z-index:30;height:44px;padding:3px max(10px,env(safe-area-inset-right)) 3px max(10px,env(safe-area-inset-left));background:#112633db;font-size:10px}
#adventure.sock-fullscreen>.sock-view-bar button{min-height:36px;padding:5px 10px}
#adventure.sock-fullscreen>.expedition-companion{position:absolute;left:max(10px,env(safe-area-inset-left));top:48px;z-index:20;width:auto;max-width:52%;padding:5px 10px;background:#112633de;display:flex;flex-direction:row;gap:5px;border:0}
#adventure.sock-fullscreen>.expedition-companion>img{display:none}
#adventure.sock-fullscreen>.expedition-companion>div{display:flex;gap:5px;align-items:center}
#adventure.sock-fullscreen>.expedition-companion strong{font-size:12px}
#adventure.sock-fullscreen>.expedition-companion span{font-size:10px}
#adventure.sock-fullscreen>.expedition-companion span:nth-child(2),#adventure.sock-fullscreen>.expedition-companion span:nth-child(3){display:none}
#adventure.sock-fullscreen>.expedition-companion .health{width:80px;margin:0}
#adventure.sock-fullscreen>.expedition-actions{position:absolute;top:48px;right:max(10px,env(safe-area-inset-right));z-index:22;display:flex;gap:5px}
#adventure.sock-fullscreen>.expedition-actions button{min-height:34px;font-size:10px;padding:4px 8px}
#adventure.sock-fullscreen>.game-music{position:absolute;top:3px;left:48%;z-index:40}
#adventure.sock-fullscreen>#expScene{position:absolute;inset:0;display:block;align-self:stretch;width:100%;max-width:none;height:100%;min-height:0;margin:0!important;border:0!important;border-radius:0!important;padding:0!important;overflow:hidden}
#adventure.sock-fullscreen .sock-world.sock-authored-world,#adventure.sock-fullscreen .sock-duel-stage{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto;margin:0;padding:0;border-radius:0}
#adventure.sock-fullscreen .sock-journey-title,#adventure.sock-fullscreen .adventure-room>header{position:absolute;z-index:10;top:88px;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));padding:6px 10px;background:#102634d9;border:0;border-radius:8px;max-height:100px;overflow:auto;text-align:left;display:block}
#adventure.sock-fullscreen .sock-journey-title small,#adventure.sock-fullscreen .adventure-room>header small{font-size:9px}
#adventure.sock-fullscreen .sock-journey-title h3,#adventure.sock-fullscreen .adventure-room>header h3{font-size:16px;margin:2px 0}
#adventure.sock-fullscreen .room-narration{font-size:12px;line-height:1.35;margin:3px 0;max-width:none;max-height:none}
#adventure.sock-fullscreen [data-hurry]{position:absolute;right:8px;top:4px;min-height:32px;font-size:11px;padding:4px 8px}
#adventure.sock-fullscreen .sock-decision,#adventure.sock-fullscreen .room-choices,#adventure.sock-fullscreen .sock-duel-challenge{position:absolute;inset:auto 0 0;z-index:12;box-sizing:border-box;padding:7px max(12px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#102633eb;max-height:38dvh;overflow:auto;margin:0;border-top:1px solid #9fc79a88}
#adventure.sock-fullscreen .sock-decision>h3{font-size:12px;margin:0 0 5px}
#adventure.sock-fullscreen .sock-path-choices{gap:8px}
#adventure.sock-fullscreen .sock-path-choices button,#adventure.sock-fullscreen .room-choices button{min-height:55px;padding:6px 10px;gap:2px 7px}
#adventure.sock-fullscreen .sock-path-choices strong,#adventure.sock-fullscreen .room-choices strong{font-size:13px}
#adventure.sock-fullscreen .sock-path-choices small,#adventure.sock-fullscreen .room-choices small{font-size:10px;line-height:1.2}
#adventure.sock-fullscreen .room-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:7px}
#adventure.sock-fullscreen .room-choices .npc-choice-preview{display:none}
#adventure.sock-fullscreen .room-feedback{padding:2px;background:none}
#adventure.sock-fullscreen .room-feedback p{margin:3px;font-size:12px}
#adventure.sock-fullscreen .sock-duel-bar{position:absolute;z-index:15;top:88px;left:12px;right:12px;background:#102633db;height:38px;border-radius:8px}
#adventure.sock-fullscreen .sock-duel-challenge{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,1fr);gap:2px 12px;min-height:96px;text-align:left}
#adventure.sock-fullscreen .sock-duel-challenge>[data-duel-round]{grid-column:1;font-size:9px}
#adventure.sock-fullscreen .sock-duel-challenge h3{grid-column:1;font-size:16px;margin:0}
#adventure.sock-fullscreen .sock-duel-challenge>[data-duel-instruction]{grid-column:1;font-size:11px;margin:0}
#adventure.sock-fullscreen .sock-duel-timing{grid-column:2;grid-row:1/3;width:100%;margin:2px 0;height:18px;align-self:center}
#adventure.sock-fullscreen .sock-duel-buttons{grid-column:2;grid-row:3/5;align-self:center;gap:8px}
#adventure.sock-fullscreen .sock-duel-buttons button{min-height:44px;min-width:0;flex:1;padding:7px;font-size:12px;touch-action:none}
#adventure.sock-fullscreen [data-duel-feedback]{grid-column:1;font-size:10px;min-height:12px;margin:0}
#adventure.sock-fullscreen .sock-authored-stage .sock-duel-actor>strong{position:absolute;bottom:calc(100% + 10px);width:160%;font-size:10px}
#adventure.sock-fullscreen .sock-authored-stage .sock-duel-actor>meter{position:absolute;bottom:100%;height:8px}
#adventure.sock-fullscreen .adventure-room{width:100%;height:100%;max-width:none}
#adventure.sock-fullscreen .room-traveler{transform:none;scale:1!important}
#adventure.sock-fullscreen .room-traveler img{transform:none}
#adventure.sock-fullscreen .echo-show-host{z-index:1;bottom:43%;height:27%;width:15%}
#adventure.sock-fullscreen #expScene:has(.sock-walking) .room-choices,#adventure.sock-fullscreen #expScene:has(.sock-walking) .sock-decision,#adventure.sock-fullscreen #expScene:has(.sock-chosen) .sock-decision{opacity:0;pointer-events:none}
#adventure.sock-fullscreen.adventure-gated>.game-music{display:none}
.adventure-screen-entry{position:relative;z-index:50;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:25px;min-height:250px;background:#10212d}
#adventure.sock-fullscreen .adventure-screen-entry{position:absolute;inset:44px 0 0;overflow:auto;padding:max(12px,env(safe-area-inset-top));min-height:0}
.adventure-screen-entry>span{font-size:38px}.adventure-screen-entry h2{font-size:23px;margin:0}.adventure-screen-entry p{margin:0}.adventure-screen-entry button{min-height:44px;margin:0}.adventure-screen-entry small{color:#bed2d1}
/* Distinct timing cues and responsive actions share one saved beat model. */
.duel-projectile,.duel-low-attack{display:none;position:absolute;z-index:5;pointer-events:none}
.duel-projectile{font-size:30px;color:#c9fcff;text-shadow:0 0 12px #2bcfff;transform:translate(-50%,-50%)}
.duel-low-attack{width:70px;height:9px;background:#ffab5b;box-shadow:0 0 12px #ff5e3f;transform:translate(-50%,15px);border-radius:4px}
.sock-duel-stage[data-challenge=deflect] .duel-projectile,.sock-duel-stage[data-challenge=jump] .duel-low-attack{display:block}
.sock-duel-stage[data-quality]:not([data-quality='']) .duel-projectile,.sock-duel-stage[data-quality]:not([data-quality='']) .duel-low-attack{display:none}
.sock-hero.strike-jump{animation:duel-jump .7s both}.sock-hero.strike-dodge-left{animation:duel-dodge-left .6s both}.sock-hero.strike-dodge-right{animation:duel-dodge-right .6s both}.sock-hero.strike-deflect{filter:drop-shadow(0 0 14px #7afaff)}.sock-hero.strike-charge{animation:sock-close-strike .8s both;filter:drop-shadow(0 0 18px #ffe87a)}
@keyframes duel-jump{40%,60%{transform:translateY(-70px)}}@keyframes duel-dodge-left{50%{transform:translateX(-70%) rotate(-10deg)}}@keyframes duel-dodge-right{50%{transform:translateX(70%) rotate(10deg)}}
@media(prefers-reduced-motion:reduce){.sock-hero.strike-jump,.sock-hero.strike-charge,.sock-hero.strike-dodge-left,.sock-hero.strike-dodge-right{animation:none!important}}
.sock-duel-stage[data-challenge=deflect] .sock-hero:after{content:'';position:absolute;inset:0 -8px;border:3px solid #7afaffaa;border-radius:50%;box-shadow:0 0 12px #7afaff55;pointer-events:none}
#adventure.sock-fullscreen .sock-authored-stage .sock-duel-actor>strong{top:calc(100% + 9px);bottom:auto}
#adventure.sock-fullscreen .sock-authored-stage .sock-duel-actor>meter{top:100%;bottom:auto}
#adventure.sock-fullscreen .sock-authored-stage .sock-label-above>strong{top:auto;bottom:calc(100% + 10px)}
#adventure.sock-fullscreen .sock-authored-stage .sock-label-above>meter{top:auto;bottom:100%}
#adventure.sock-fullscreen>.game-music{right:auto;width:44px;height:40px}
#adventure.sock-fullscreen>.game-music>button{min-height:36px;height:36px;min-width:44px;font-size:20px;padding:3px 8px}
#adventure.sock-fullscreen .game-music-panel{left:50%;right:auto;transform:translateX(-50%)}
#adventure.sock-fullscreen .adventure-resume-card{position:absolute;inset:90px 12px 12px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px}
#adventure.sock-fullscreen .adventure-resume-card h3,#adventure.sock-fullscreen .adventure-resume-card p{margin:0}
#adventure.sock-fullscreen .adventure-resume-card button{min-height:44px}
/* Turn combat keeps the photograph as the arena, with contact measured in pixels. */
.sock-turns .sock-duel-challenge{z-index:10}.sock-turn-status{display:flex;justify-content:space-between;gap:12px;color:#f7e7b3;margin-bottom:8px}.sock-turn-status span{white-space:nowrap;color:#a5e9ff}.sock-turns .sock-duel-buttons{flex-wrap:wrap}.sock-turns .sock-duel-buttons button{min-width:100px;flex:1;max-width:260px}.sock-turns .sock-duel-actor small{background:#102432d9;padding:3px 8px;border-radius:5px;font-size:12px;white-space:nowrap;color:white}.sock-turns .sock-duel-actor>.npc-pixel-enemy{animation:none!important}.sock-turns .turn-brace{filter:drop-shadow(0 0 14px #83e4ff)}.sock-turns .sock-foe>svg{filter:drop-shadow(0 6px 4px #001a33)}.sock-royal-boss .sock-foe>svg{scale:1.5;transform-origin:50% 90%;filter:drop-shadow(0 0 12px #efbc59)}.sock-royal-boss.sock-enraged .sock-foe>svg{filter:drop-shadow(0 0 19px #ff526e) brightness(1.15)}.sock-boss-intro{position:absolute;z-index:8;inset:0;display:grid;align-content:center;text-align:center;background:#070c21bb;color:#ffe1a1;font-size:clamp(30px,6vw,68px);font-weight:900;text-shadow:0 0 25px #ffb33c;pointer-events:none}.sock-boss-intro small{font-size:18px}.sock-boss-intro[hidden]{display:none}.sock-turns .sock-duel-impact{z-index:12;top:36%;pointer-events:none}.sock-grand-victory .sock-duel-stage{background:#102b36}.sock-grand-victory .sock-duel-stage>canvas,.sock-grand-victory .sock-hero{opacity:.12}.sock-victory{position:absolute;inset:0;z-index:9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(ellipse at center,#36634fdb,#071d35f5);color:#ffe5a3;text-align:center;padding:20px}.sock-victory h2{font-size:clamp(26px,5vw,60px);margin:0;text-shadow:0 4px #35273b,0 0 25px #ffce6d}.sock-victory>img{height:clamp(65px,18vh,160px);max-width:200px;object-fit:contain;animation:sock-victory-hop .8s ease-in-out infinite alternate}.sock-victory-stars{font-size:30px;letter-spacing:12px;color:#ffe46d;animation:sock-victory-hop 1.4s ease-in-out infinite alternate}.sock-victory-reveal{animation:sock-reward-in .5s both;animation-delay:var(--reveal);font-size:clamp(12px,2vw,20px)}@keyframes sock-victory-hop{to{translate:0 -8px;filter:drop-shadow(0 0 12px #fff6aa)}}@keyframes sock-reward-in{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}@media(max-height:500px){.sock-turn-status{font-size:12px;margin-bottom:3px}.sock-turns .sock-duel-challenge p{font-size:11px}.sock-victory{gap:5px;padding-bottom:110px}.sock-victory-stars{font-size:18px}.sock-victory>img{height:55px}.sock-turns .sock-duel-actor small{font-size:10px;padding:1px 4px}}@media(prefers-reduced-motion:reduce){.sock-victory *{animation:none!important}.sock-victory-reveal{opacity:1}}
#adventure.sock-fullscreen .sock-turns .sock-duel-challenge{display:block;min-height:0}#adventure.sock-fullscreen .sock-turns .sock-turn-status{margin-bottom:6px}#adventure.sock-fullscreen .sock-turns .sock-duel-buttons{display:flex;gap:8px}#adventure.sock-fullscreen .sock-turns .sock-duel-buttons button{min-height:44px}#adventure.sock-fullscreen .sock-turns [data-turn-log]{min-height:16px;font-size:12px;margin:6px 0 0}#adventure.sock-fullscreen .sock-turns .sock-duel-actor small{position:absolute;top:calc(100% + 28px)}#adventure.sock-fullscreen .sock-turns .sock-duel-actor.sock-label-above small{top:auto;bottom:calc(100% + 30px)}
.sock-boss-fall{animation:royal-fall .9s ease-in forwards!important}.sock-boss-fall:after{content:'✦';position:absolute;inset:-40%;display:grid;place-content:center;color:#ffe193;font-size:130px;animation:royal-burst .9s both}.sock-turns.sock-enraged .sock-foe>svg{animation:royal-glow 1.4s ease-in-out infinite alternate!important}.sock-turns .sock-duel-stage[data-special=sweep]:before,.sock-turns .sock-duel-stage[data-special=slam]:before{content:'';position:absolute;z-index:6;left:15%;right:15%;bottom:22%;height:24%;border:7px solid #ffc671;border-radius:50%;box-shadow:0 0 30px #ff805b;animation:royal-burst .8s ease-out both;pointer-events:none}.sock-victory-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.sock-victory-confetti i{position:absolute;left:var(--x);top:-5%;width:9px;height:17px;background:#ffe27d;filter:hue-rotate(var(--hue));animation:sock-confetti 3s var(--delay) ease-in infinite;rotate:var(--spin)}@keyframes sock-confetti{to{top:110%;translate:40px 0;rotate:calc(var(--spin) + 420deg)}}@keyframes royal-fall{0%{filter:brightness(3);opacity:1}70%{filter:brightness(2);opacity:.7;translate:0 12px}100%{opacity:0;translate:0 40px}}@keyframes royal-burst{from{opacity:1;scale:.3}to{opacity:0;scale:2}}@keyframes royal-glow{to{filter:drop-shadow(0 0 24px #ff626a) brightness(1.3)}}@media(prefers-reduced-motion:reduce){.sock-victory-confetti{display:none}.sock-turns.sock-enraged .sock-foe>svg{animation:none!important}.sock-boss-fall{animation:none!important}}
.sock-grand-victory .sock-duel-bar,.sock-grand-victory .sock-hero{display:none!important}
/* Sock gameplay has one HUD. Secondary controls belong to its closed menu. */
#adventure.sock-fullscreen.sock-compact>.expedition-companion{display:none!important}
#adventure.sock-fullscreen.sock-compact>.sock-view-bar{height:44px;padding:0 6px 0 max(10px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:flex-start;gap:8px;background:#102431b8;box-sizing:border-box}
.sock-status{display:flex;align-items:center;gap:8px;max-width:calc(100% - 155px);color:#edffd3;white-space:nowrap;font-size:11px;letter-spacing:0}.sock-status strong{font-size:11px}.sock-status meter{width:72px;height:10px;accent-color:#baf27b}.sock-status>span{font-size:11px;min-width:30px}
#adventure.sock-compact .sock-menu-toggle{margin-left:auto;margin-right:48px;min-width:40px;min-height:40px;padding:3px!important;font-size:20px}
#adventure.sock-compact #sockExitView{min-height:40px;min-width:44px;padding:5px 8px;font-size:11px}
#adventure.sock-fullscreen.sock-compact>.game-music{top:2px;right:55px;left:auto;z-index:45;width:40px}
#adventure.sock-compact>.game-music>button{min-width:40px;min-height:40px;height:40px;padding:3px;font-size:20px}
#adventure.sock-compact .game-music-panel{top:44px;right:0}
.sock-options{position:absolute;z-index:70;top:48px;right:max(8px,env(safe-area-inset-right));width:min(290px,90vw);max-height:calc(100% - 60px);overflow:auto;display:grid;gap:8px;padding:14px;background:#102431f5;border:1px solid #87ab95;border-radius:12px;box-shadow:0 8px 24px #0008}.sock-options[hidden]{display:none!important}.sock-options>button,.sock-options .expedition-actions button{width:100%;min-height:44px;font-size:13px}.sock-options .expedition-actions{display:grid;gap:8px;margin:0}.sock-options .adventure-progress{display:block!important;margin:0;padding:8px 0}.sock-options .expedition-map{display:flex;flex-wrap:wrap;gap:5px}.sock-options .expedition-map>span{width:28px;height:28px;font-size:11px}
#adventure.sock-compact .sock-journey-title{top:50px;left:10px;right:auto;max-width:calc(100% - 20px);padding:5px 9px;display:flex;align-items:center;gap:12px;background:#102431bd;box-sizing:border-box;border-radius:8px}
#adventure.sock-compact .sock-journey-title small{display:none}#adventure.sock-compact .sock-journey-title h3{font-size:13px;margin:0}#adventure.sock-compact [data-hurry]{position:static;min-height:30px;font-size:10px;padding:3px 8px}
#adventure.sock-compact .sock-duel-bar{display:none!important}

#adventure.sock-compact .sock-foe>strong{font-size:11px!important;max-width:150px;line-height:1.1}
@media(max-height:600px){
 #adventure.sock-compact .sock-world.sock-authored-world,#adventure.sock-compact .sock-duel-stage{top:44px;bottom:76px;height:auto}
 #adventure.sock-compact .sock-decision,#adventure.sock-compact .sock-turns .sock-duel-challenge{padding:5px max(10px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));max-height:95px;min-height:0}
 #adventure.sock-compact .sock-decision>h3{display:none}#adventure.sock-compact .sock-path-choices{gap:8px}#adventure.sock-compact .sock-path-choices button{min-height:52px;padding:5px 9px;gap:1px 6px;grid-template-columns:18px 1fr}#adventure.sock-compact .sock-path-choices button>span{font-size:17px}#adventure.sock-compact .sock-path-choices strong{font-size:12px}#adventure.sock-compact .sock-path-choices small{font-size:9px}
 #adventure.sock-compact .sock-decision:has([data-walk-next]){display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px}#adventure.sock-compact .sock-decision:has([data-walk-next])>h3,#adventure.sock-compact .sock-decision:has([data-walk-next])>p{display:none}#adventure.sock-compact .sock-decision>strong{font-size:11px;margin:0}#adventure.sock-compact [data-walk-next]{min-height:44px;font-size:12px;padding:7px 12px}
 #adventure.sock-compact .sock-turn-status{font-size:11px;line-height:14px;margin:0 0 4px}#adventure.sock-compact .sock-turns .sock-duel-buttons{gap:7px}#adventure.sock-compact .sock-turns .sock-duel-buttons button{min-height:44px;padding:5px 9px;font-size:12px}#adventure.sock-compact .sock-turns:not(.sock-turn-ended) [data-turn-log]:not(.turn-error){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;margin:0}#adventure.sock-compact .sock-turn-ended [data-turn-log]{font-size:10px;line-height:1.2;margin:3px 0 0}
 #adventure.sock-compact .sock-grand-victory .sock-duel-stage{top:0;bottom:0}
}
@media(max-height:360px){.sock-status{gap:5px}.sock-status meter{width:55px}#adventure.sock-compact .sock-journey-title{padding:4px 8px}#adventure.sock-compact .sock-journey-title h3{font-size:12px}}
@media(max-height:600px){#adventure.sock-compact .sock-royal-boss .sock-duel-stage{top:0;bottom:0;height:100%}}
#adventure.sock-fullscreen.sock-compact .sock-royal-boss .sock-foe>meter{top:auto;bottom:calc(100% + var(--sock-actor-size,90px) * .45 + 2px)}
#adventure.sock-fullscreen.sock-compact .sock-royal-boss .sock-foe>strong{top:auto;bottom:calc(100% + var(--sock-actor-size,90px) * .45 + 12px);max-width:150px}

.sock-foe.turn-charging:before{content:'';position:absolute;inset:-20%;border-radius:50%;background:repeating-conic-gradient(from 0deg,#ffe8a900 0 20deg,#ffd16099 23deg 25deg,#ffe8a900 28deg 45deg);animation:turn-gather 1.15s ease-in infinite;pointer-events:none}.sock-foe.turn-charging{filter:drop-shadow(0 0 16px #ffc348)}.sock-foe.turn-charging:after{content:'CHARGED';position:absolute;top:-18px;left:0;right:0;color:#fff1a7;font-size:12px;font-weight:bold;text-align:center}.turn-blocked:before{content:'🛡';position:absolute;inset:-10%;display:grid;place-items:center;font-size:clamp(50px,9vh,100px);background:radial-gradient(ellipse,#a6f5ff99,transparent 70%);border:3px solid #b9f8ff;border-radius:50%;z-index:5;animation:turn-shield .45s ease-out}.turn-heavy-impact{animation:turn-shake .35s linear}.turn-heavy-impact .sock-duel-impact{font-size:clamp(26px,5vh,46px);color:#fff4aa;filter:drop-shadow(0 0 12px #ff7832)}.turn-heavy-impact:after{content:'';position:absolute;inset:10%;border:8px solid #ffbb6a;border-radius:50%;pointer-events:none;animation:turn-burst .5s ease-out forwards}.sock-defeat-message{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#281621dc;color:#ffe6d8;padding:15px}.sock-defeat-message strong{font-size:clamp(30px,7vh,65px);letter-spacing:.1em}.sock-defeat-message p{font-size:14px}.sock-defeat .sock-duel-challenge{border-top:2px solid #e6a6a0}@keyframes turn-gather{from{scale:1.4;rotate:-20deg;opacity:0}50%{opacity:1}to{scale:.55;rotate:35deg;opacity:0}}@keyframes turn-shield{from{scale:.6;opacity:.2}to{scale:1.1;opacity:1}}@keyframes turn-shake{20%,60%{translate:-5px 2px}40%,80%{translate:5px -2px}to{translate:0 0}}@keyframes turn-burst{from{scale:.3;opacity:1}to{scale:1.4;opacity:0}}@media(prefers-reduced-motion:reduce){.turn-heavy-impact,.sock-foe.turn-charging:before,.turn-blocked:before,.turn-heavy-impact:after{animation:none!important}.turn-heavy-impact:after{opacity:.25}}

.sock-authored-stage.turn-heavy-impact:after{display:block}.sock-turns .sock-duel-actor{min-height:var(--sock-actor-size,90px)}

.sock-scene-messages{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:12;width:min(460px,65%);display:grid;gap:4px;padding:9px 16px;text-align:center;background:#102331e8;border:1px solid #e1c67c;border-radius:12px;pointer-events:none;color:#fff0bb;box-shadow:0 5px 18px #0006}.sock-scene-messages strong{font-size:clamp(14px,2.4vh,21px)}.sock-scene-messages span{font-size:12px;color:#dfebea}.sock-foe.turn-charging[data-enemy-intent=windup]:after{content:'GATHERING POWER'}@media(max-height:450px){.sock-scene-messages{top:5px;padding:5px 12px;width:min(400px,58%);gap:2px}.sock-scene-messages strong{font-size:13px}.sock-scene-messages span{font-size:10px;line-height:1.2}}

.sock-teaching{background:#293e52;border:2px solid #ffd47b;color:#fff4c8;padding:8px 12px;border-radius:9px;text-align:center;font-weight:850;font-size:clamp(13px,2.8vh,20px);margin:3px 0}.sock-teaching[hidden]{display:none}.sock-teach-big{background:#743921;font-size:clamp(16px,3.6vh,27px);box-shadow:0 0 20px #ffd16c55}.sock-guide-button{outline:3px solid #ffe67b;outline-offset:2px;animation:sock-guide-pulse 1s ease-in-out infinite}@keyframes sock-guide-pulse{50%{box-shadow:0 0 18px #ffe67b;filter:brightness(1.25)}}.sock-duel-stage[data-special=bubble]::after,.sock-duel-stage[data-special=snap]::after,.sock-duel-stage[data-special=roll]::after,.sock-duel-stage[data-special=burst]::after{content:'';position:absolute;pointer-events:none;left:20%;top:15%;width:60%;height:65%;border:12px double #b8ffff;border-radius:50%;box-shadow:inset 0 0 35px #7be7ff,0 0 35px #7be7ff;animation:sock-special .5s ease-out}.sock-duel-stage[data-special=snap]::after{border-radius:0;border-color:#edc486;transform:rotate(-15deg);height:20%;top:45%}.sock-duel-stage[data-special=roll]::after{border:12px dashed #b9c4ff;width:40%;left:30%;transform:rotate(40deg)}@keyframes sock-special{from{scale:.4;opacity:.2}to{scale:1.2;opacity:1}}@media(prefers-reduced-motion:reduce){.sock-guide-button,.sock-duel-stage[data-special]::after{animation:none}}@media(max-height:360px){.sock-teaching{padding:3px 8px;margin:0;font-size:13px}.sock-teach-big{font-size:16px}}
/* Keep the royal name on one line above the sprite on short landscape screens. */
#adventure.sock-fullscreen.sock-compact .sock-royal-boss .sock-foe>strong{width:150px;white-space:nowrap}
/* Reserve actual space for the energy, teaching prompt and action row together. */
#adventure.sock-fullscreen.sock-compact .sock-turns .sock-duel-challenge{display:flex!important;flex-direction:column;gap:4px;max-height:45%;min-height:0;overflow-y:auto;padding:5px max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));bottom:0}
#adventure.sock-fullscreen.sock-compact .sock-turns .sock-turn-status{flex:none;min-height:18px;margin:0;justify-content:center;font-size:12px;line-height:18px}
#adventure.sock-fullscreen.sock-compact .sock-turns .sock-teaching{flex:none;line-height:1.2;font-size:12px;padding:4px 8px;margin:0}
#adventure.sock-fullscreen.sock-compact .sock-turns .sock-duel-buttons{display:flex;flex:none;flex-wrap:wrap;gap:6px;margin:0;padding:3px 4px}
#adventure.sock-fullscreen.sock-compact .sock-turns .sock-duel-buttons button{min-height:44px;margin:0;flex:1;max-width:none;font-size:13px;padding:5px 8px}
#adventure.sock-fullscreen.sock-compact .sock-turns .sock-duel-stage{bottom:132px;height:auto}
#adventure.sock-fullscreen.sock-compact .sock-turns .sock-duel-stage{top:0;bottom:110px;height:auto}
/* Settle into combat before accepting the first turn. */
.sock-turns .sock-duel-challenge{transition:opacity .25s ease}
.sock-combat-entering .sock-duel-challenge{opacity:.35;pointer-events:none}
.sock-combat-entering .sock-boss-intro{background:transparent;align-content:start;padding-top:12px;font-size:clamp(22px,4vw,42px);text-shadow:0 2px 4px #071626,0 0 12px #071626}
@media(prefers-reduced-motion:reduce){.sock-turns .sock-duel-challenge{transition:none}}

/* Match the chapter combat health labels while keeping the authored feet positions. */
#adventure.sock-fullscreen.sock-compact .sock-turns .sock-duel-actor>small{position:static;top:auto;bottom:auto}

/* Shared adventure buttons: later chapters use the same controls as Socks. */
.adventure-path-controls.sock-path-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.adventure-path-controls.sock-path-choices>button.expedition-choice{display:grid;grid-template-columns:30px 1fr;gap:5px 10px;text-align:left;background:#285149;border:2px solid #91c5a4;border-radius:12px;padding:12px;min-height:78px;font:inherit;color:#f3ffdc}
.adventure-path-controls.sock-path-choices>button.expedition-choice:nth-child(2){background:#3b405c;border-color:#a6a2d1}
.adventure-path-controls.sock-path-choices>button.expedition-choice>span{grid-row:1/3;font-size:24px;align-self:center;color:inherit}
.adventure-path-controls.sock-path-choices>button.expedition-choice>strong{font-size:17px;line-height:1.2}
.adventure-path-controls.sock-path-choices>button.expedition-choice>small{font-size:12px;color:#d4e1d9}
.adventure-path-controls.sock-path-choices:has(>button:only-child){grid-template-columns:1fr}
@media(max-height:600px){.adventure-path-controls.sock-path-choices{gap:8px}.adventure-path-controls.sock-path-choices>button.expedition-choice{min-height:52px;padding:5px 9px;gap:1px 6px;grid-template-columns:18px 1fr}.adventure-path-controls.sock-path-choices>button.expedition-choice>span{font-size:17px}.adventure-path-controls.sock-path-choices>button.expedition-choice>strong{font-size:12px}.adventure-path-controls.sock-path-choices>button.expedition-choice>small{font-size:9px}}