/* Survival challenge: full-field canvas with a thin HUD, level-up cards and a results card. */
#survival{position:absolute;inset:0;z-index:125;display:flex;flex-direction:column;background:#243b36;color:#f1e8c9;outline:none;overflow:hidden}
#survival[hidden]{display:none}
.survival-mode #battle-hero,.survival-mode #battle-monster,.survival-mode #battle-charm,.survival-mode .battle-spell,.survival-mode .battle-enemy-title,.survival-mode #battle-kills,.survival-mode #road-controls,.survival-mode #road-arcade,.survival-mode #combat-drops,.survival-mode #battle-destination{display:none!important}
#survival-canvas{position:absolute;inset:0;display:block;touch-action:none;cursor:crosshair;image-rendering:pixelated}
#survival-canvas:focus-visible{outline:3px solid #d9c281;outline-offset:-3px}
.survival-top{position:relative;z-index:2;display:flex;align-items:center;gap:8px;padding:6px 10px;background:#1c2b29e6;border-bottom:1px solid #4d6358;flex-wrap:wrap}
.survival-top[hidden]{display:none}
.survival-meter{display:flex;flex-direction:column;gap:2px;min-width:120px}
#sound-dialog .survival-meter label{margin:0;font-size:11px;color:#e9dfb9;display:flex;justify-content:space-between;gap:6px}
.survival-meter progress{width:100%;height:7px;appearance:none;border:0;background:#132220;accent-color:#b7c591}
.survival-meter progress::-webkit-progress-bar{background:#132220}
#survival-hp::-webkit-progress-value{background:#e26a5a}#survival-xp::-webkit-progress-value{background:#8fc8e8}
.survival-meter.survival-hurt{background:#6b302c;box-shadow:0 0 0 4px #6b302c;border-radius:2px}
.survival-meter.survival-low{outline:1px solid #ff967b;outline-offset:3px;border-radius:2px}
#survival-hit-label{color:#ffcfbc;font-weight:700;white-space:nowrap}
#survival-hit-label[hidden]{display:none}
#survival-clock,#survival-kills{font:12px ui-monospace,monospace;color:#f0e5bd;white-space:nowrap}
#survival-combo{font:bold 12px ui-monospace,monospace;color:#ffd66b;white-space:nowrap}
#survival-combo[hidden]{display:none}
#survival button{font:inherit;font-size:12px;cursor:pointer;color:#f0e5bd;background:#263d37;border:1px solid #a6b18a;padding:6px 10px;min-height:34px}
.survival-run-actions{display:flex;flex:0 0 auto;gap:6px;margin-left:auto}
#survival .survival-top button{margin:0}
/* Expanded map uses the viewport so it stays readable on a narrow game field. */
#survival-map-dialog{box-sizing:border-box;width:min(920px,calc(100vw - 20px));max-height:calc(100dvh - 20px);margin:auto;padding:14px;background:#152522;color:#f3e8c2;border:2px solid #b5bc8a;border-radius:8px;overflow:auto;box-shadow:0 16px 70px #000a}
#survival-map-dialog::backdrop{background:#08100ecc}
.survival-map-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.survival-map-head h2{font-size:19px;margin:0;color:#ffd66b}
#survival-map-close{min-height:44px;padding:6px 12px;font:inherit;font-size:13px;background:#263d37;color:#f3e8c2;border:1px solid #b5bc8a;border-radius:4px;cursor:pointer}
#survival-map-close:focus-visible{outline:3px solid #ffd66b;outline-offset:2px}
.survival-map-current{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:8px 0;font-size:13px}
#survival-map-location{font-weight:700;color:#ffd66b}
#survival-map-canvas{display:block;width:100%;height:160px;background:#0c1414;border-radius:4px;image-rendering:pixelated}
.survival-map-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:10px 0;font-size:12px}
.survival-map-legend span{display:inline-flex;align-items:center;gap:5px}
.survival-map-legend i{display:inline-block;width:10px;height:10px;flex-shrink:0;border:1px solid #85907d}
.survival-map-legend .sm-self{background:#fff;border-color:#ffd66b}.survival-map-legend .sm-seen{background:#6a8f60}.survival-map-legend .sm-fog{background:#26352b}.survival-map-legend .sm-locked{background:#d6a65b}.survival-map-legend .sm-boss{background:#ff5a4a}
.survival-map-note{font-size:12px;line-height:1.5;margin:8px 0 0;color:#c6d4c3}
@media(max-width:520px){#survival-map-dialog{padding:10px}.survival-map-head h2{font-size:16px}.survival-map-legend{gap:6px 10px}}
#survival-boss{position:absolute;z-index:2;left:50%;top:48px;transform:translateX(-50%);width:min(420px,70%);background:#2a1f1fe6;border:1px solid #c98a6a;padding:4px 10px;font-size:11px;color:#f6c9a8;text-align:center}
#survival-boss[hidden]{display:none}
#survival-boss-cue{display:block;min-height:1.4em;font-size:10px;line-height:1.4;color:#ffdfbd}
#survival-boss progress{width:100%;height:6px;appearance:none;border:0;background:#1a1313;accent-color:#e8b86a;display:block;margin-top:3px}
#survival-boss progress::-webkit-progress-bar{background:#1a1313}#survival-boss progress::-webkit-progress-value{background:#e8b86a}
#survival-weapons{position:absolute;z-index:2;left:10px;bottom:10px;display:flex;flex-wrap:wrap;gap:4px;max-width:60%}
#survival-weapons[hidden]{display:none}
#survival-weapons span{display:inline-flex;align-items:center;gap:4px;font-size:10px;padding:2px 6px;background:#1c2b29d9;border:1px solid #4d6358;color:#e9dfb9}
#survival-weapons i{width:8px;height:8px;background:var(--c);display:inline-block}
#survival-weapons .surv-ally-legend i{width:10px;height:3px}
.survival-dpad{position:absolute;z-index:3;right:10px;bottom:10px;display:grid;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(2,40px);gap:3px;pointer-events:none}
.survival-dpad[hidden]{display:none}
.survival-dpad [data-surv="up"]{grid-column:2}.survival-dpad [data-surv="left"]{grid-column:1;grid-row:2}.survival-dpad [data-surv="down"]{grid-column:2;grid-row:2}.survival-dpad [data-surv="right"]{grid-column:3;grid-row:2}
#survival .survival-dpad button{min-width:40px;min-height:40px;padding:0;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;background:#263d37e8}
#survival .survival-dpad button[aria-pressed="true"]{background:#647953}
#survival-setup,#survival-choose,#survival-end{position:absolute;z-index:4;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px;overflow:auto;background:#1c2b29f2;text-align:center}
#survival-setup[hidden],#survival-choose[hidden],#survival-end[hidden]{display:none}
#sound-dialog #survival p{font-size:12px;line-height:1.6;margin:3px 0;max-width:640px}
#survival h4{font-size:16px;margin:2px 0 4px}
.survival-kicker{font:11px ui-monospace,monospace;letter-spacing:2px;color:#b6bc9c}
.survival-daily{margin:6px 0;padding:6px 10px;border:1px dashed #6b7a5a;border-radius:10px;color:#e9e3c4;font-size:13.5px;line-height:1.5}
.survival-daily em{font-style:normal;color:#f0d48a;font-weight:800}
.survival-daily-win{border-style:solid;border-color:#f0d48a;background:rgba(240,212,138,.12)}
.survival-diffs,.survival-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:720px;margin:6px 0}
#survival .survival-diff,#survival .survival-card{display:flex;flex-direction:column;gap:4px;text-align:left;padding:10px;min-height:0;background:#2b443d;border-color:#8aa07c}
#survival .survival-diff[aria-pressed="true"]{background:#4b6044;border-color:#d9c281;box-shadow:inset 0 0 0 2px #d9c28155}
#survival .survival-diff b,#survival .survival-card b{font-size:14px}
#survival .survival-diff span,#survival .survival-card span{font-size:12px;line-height:1.5;color:#dfe6cf}
#survival .survival-diff small,#survival .survival-card small{font-size:10px;color:#b7c4a8}
#survival .survival-card{border-left:4px solid var(--c)}
#survival .survival-card em{font-style:normal;font-size:11px;color:#ffe9a0}
#survival .survival-card.stat{background:#3a4a52}
.survival-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:6px}
#survival .btn{width:auto;min-width:150px}
.survival-stars{font-size:26px;letter-spacing:4px;color:#f3d57b;margin:0!important}
#survival-status{position:absolute;z-index:3;left:50%;bottom:58px;transform:translateX(-50%);margin:0;font-size:11px;color:#fff1b8;background:#1c2b29cc;padding:3px 10px;pointer-events:none;max-width:80%;text-align:center}
#survival-status:empty{display:none}
@media(max-width:720px){
 .survival-top{padding:4px 6px;gap:5px}.survival-meter{min-width:86px}#sound-dialog .survival-meter label{font-size:10px}#survival-clock,#survival-kills{font-size:10px}
 #survival .survival-top button{min-height:28px;font-size:10px;padding:3px 7px}#survival .survival-top button small{display:none}.survival-meter{min-width:72px}
 .survival-diffs,.survival-cards{grid-template-columns:1fr;gap:5px}#survival h4{font-size:13px}#sound-dialog #survival p{font-size:11px}
 #survival .survival-diff,#survival .survival-card{padding:7px}#survival .survival-diff b,#survival .survival-card b{font-size:12px}
 .survival-dpad{grid-template-columns:repeat(3,34px);grid-template-rows:repeat(2,34px);right:6px;bottom:6px}#survival .survival-dpad button{min-width:34px;min-height:34px}
 #survival-weapons{left:6px;bottom:6px;max-width:50%}#survival-weapons span{font-size:9px}#survival-status{bottom:48px;font-size:10px}
 #survival-boss{top:40px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){#survival-canvas{cursor:default}}

/* 생존 무대 = 편하게 듣기에서 걷던 서울 장소 */
.surv-class-picker{width:100%;max-width:760px;margin:12px auto;padding:12px;background:#1c2b29;color:#f4ebcc;border:1px solid #6f8370;border-radius:8px;box-sizing:border-box;text-align:left}
.surv-class-picker h4{margin:0 0 5px;color:#ffe0a6;font-size:16px}
.surv-class-picker .surv-class-note{font-size:12px;color:#d5dfcf;margin:4px 0 10px;line-height:1.5}
.surv-classes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%}
.surv-class-picker button.surv-class{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:5px;text-align:left;padding:9px;min-width:0;min-height:44px;border:2px solid #617867;border-radius:6px;background:#293f38;color:#f4ebcc;font:inherit;cursor:pointer}
.surv-class-picker button.surv-class[aria-pressed=true]{border-color:var(--class-color);background:#3d5145;box-shadow:inset 0 0 0 1px var(--class-color)}
.surv-class-picker button.surv-class:focus-visible{outline:3px solid #fff1b8;outline-offset:2px}
.surv-class svg{width:38px;height:48px;image-rendering:pixelated}
.surv-class b{font-size:14px;line-height:1.4;color:var(--class-color);overflow-wrap:anywhere}
.surv-class span,.surv-class small{grid-column:1/-1;line-height:1.5;color:#e1e9d9;font-size:12px;overflow-wrap:anywhere}
.surv-class small{color:#c1d2bd;font-size:11px}
#survival .surv-class-picker{flex-shrink:0}
#character-class-picker .surv-class-note{color:#d5dfcf}
#game-fit-class:empty{display:none}
@media(max-width:640px){.surv-classes{grid-template-columns:repeat(2,minmax(0,1fr))}.surv-class-picker{padding:10px}.surv-class-picker button.surv-class{padding:7px}.surv-class b{font-size:13px}}
#survival-place{font-size:12px;color:#f3e3b0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40%}
.survival-place-note{margin:6px 0;color:inherit}.survival-place-note small{display:block;opacity:.8}
/* 고르는 동안에도 계속(10/24): 화면 아래 반투명 카드 줄, 게임 화면은 그대로 보인다 */
#survival-choose{inset:auto 6px 6px 6px;justify-content:flex-end;background:transparent;padding:0;gap:2px;pointer-events:none;overflow:visible}
#survival-choose .survival-kicker{margin:0;padding:2px 8px;border-radius:6px;background:#1c2b29d9;font-size:11px;pointer-events:none}
#survival-choose .survival-cards{margin:0;gap:6px;max-width:640px;pointer-events:auto}
#survival #survival-choose .survival-card{background:#1c2b29e0;padding:6px 8px;gap:2px;min-height:0}
#survival #survival-choose .survival-card span{display:none}
#survival #survival-choose .survival-card b{font-size:13px}
#survival #survival-choose .survival-card em{font-size:11px}
@media (max-width:560px){#survival-choose .survival-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px}#survival #survival-choose .survival-card{padding:5px}#survival #survival-choose .survival-card small{font-size:9px}#survival #survival-choose .surv-recipe-hint{display:none}}
/* 카드는 방향 버튼·무기 칩 위로, 고르는 동안 아래 안내 줄은 숨김(카드 머리말이 대신 안내) */
#survival-choose{bottom:98px}
#survival.choosing #survival-status{display:none}
@media (max-width:560px){#survival-choose{bottom:80px;left:4px;right:4px}}
/* 쓰러진 판 이어 하기 */
#survival .survival-continue{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;max-width:420px;margin:6px 0;background:#d8b25a;color:#1b1a10;border-color:#fff6d6;font-weight:700}
#survival .survival-continue small{font-size:11px;font-weight:400}
/* Keep touch controls usable and the warden bar below a wrapped phone HUD. */
#survival .survival-top button{min-height:44px}
.survival-dpad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px)}
#survival .survival-dpad button{min-width:44px;min-height:44px}
#survival-boss{position:relative;align-self:center;flex-shrink:0;left:auto;top:auto;transform:none;margin-top:4px}
#survival-setup,#survival-end{justify-content:flex-start}
@media(max-width:720px){#survival-choose{bottom:104px}}
/* 낮은 가로 화면에서도 상태 줄과 방향 버튼이 겹치거나 바깥으로 잘리지 않게 한다. */
@media(max-height:500px){
 #sound-dialog .survival-mode :is(.battle-heading,#game-notices,.battle-walk-hint){display:none}
 #sound-dialog .survival-mode #battle-field.battle-stage{min-height:0}
 .survival-top{padding:4px 6px;gap:5px}
 .survival-meter{min-width:72px}
 #sound-dialog .survival-meter label,#survival-clock,#survival-kills,#survival-place{font-size:10px}
 #survival-place{max-width:100px}
 #survival .survival-top button{font-size:10px;padding:3px 7px}
 #survival .survival-top button small{display:none}
 /* Leave the hero and danger sector visible in a short landscape field. */
 #survival-boss{box-sizing:border-box;width:min(210px,28%);align-self:flex-start;margin:4px 0 0 64px;padding:3px 6px}
 #survival-boss b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #survival-boss-cue{font-size:9px;min-height:2.8em}
 #survival.boss-active #survival-status{display:none}
}
/* 쓰러졌을 때 묻기: 이어 하기(퀘스트) / 새 판 (10/25) */
.survival-down-choice{display:grid;gap:8px;width:min(100%,420px);margin:0 auto 10px}
.survival-down-choice h4{margin:0 0 2px}
.survival-down-choice .btn{display:grid;gap:2px;min-height:56px;font-size:17px}
.survival-down-choice .btn small{font-size:12px;font-weight:400;opacity:.85}

/* 점수판(10/25): 결과 화면 칸과 점수판 창 */
.survival-board{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;padding:8px 10px;border:1px solid #6d7f5a;border-radius:6px;background:#1c2b29;color:#f1e6bf}
.survival-board span{flex:1 1 200px}
#board-dialog{width:min(520px,calc(100vw - 32px));max-height:min(88vh,760px);padding:0;background:#16233a;color:#f1e6bf;border:3px solid #d9b85c;border-radius:6px;box-shadow:0 18px 60px #000a}
#board-dialog:not([open]){display:none}
#board-dialog[open]{position:fixed;inset:0;margin:auto;height:fit-content;display:flex;flex-direction:column}
#board-dialog::backdrop{background:#050a14b3}
.board-top{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:2px dashed #5b6f96}
.board-top h2{flex:1;margin:0;font-size:18px;color:#ffd66b}
#board-close{min-height:44px;padding:0 12px;background:#24365a;color:#f1e6bf;border:2px solid #d9b85c;border-radius:4px}
.board-tabs{display:flex;gap:6px;padding:8px 16px 0}
.board-tabs button{flex:1;min-height:40px;background:#24365a;color:#f1e6bf;border:1px solid #5b6f96;border-radius:4px}
.board-tabs button[aria-pressed="true"]{background:#3a2f12;border-color:#ffd66b;color:#ffd66b;font-weight:700}
#board-body{padding:8px 16px;overflow:auto}
.board-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.board-list li{display:grid;grid-template-columns:2.2em 1fr auto;grid-template-areas:"r n s" "r d d";align-items:center;gap:0 8px;padding:6px 8px;background:#1d2d4a;border:1px solid #33476e;border-radius:4px}
.board-list li.mine{border-color:#ffd66b;background:#3a2f12}
.board-rank{grid-area:r;font-weight:800;font-size:1.1em;color:#ffd66b;text-align:center}
.board-list b{grid-area:n}.board-score{grid-area:s;font-weight:700}.board-list small{grid-area:d;opacity:.8}
.board-note{margin:6px 0;line-height:1.6}
#board-me{padding:0 16px 8px}
.board-join input,.board-rename input{width:100%;box-sizing:border-box;min-height:44px;margin:6px 0;font-size:16px;background:#0f1830;color:#f1e6bf;border:2px solid #5b6f96;border-radius:4px;padding:6px 8px}
.board-join .btn{width:100%;min-height:48px}
.board-rename summary{min-height:44px;line-height:44px;cursor:pointer}
#board-status{margin:0 16px 12px;min-height:1em;color:#ffcf9f}
/* 첫 판 길잡이(10/26): 위쪽 말풍선 + 지금 볼 곳에 금색 테두리 */
#survival-guide{position:relative;z-index:5;align-self:center;display:flex;flex-direction:column;align-items:center;gap:4px;margin:8px 10px 0;max-width:min(560px,calc(100% - 20px));padding:10px 14px;background:#fff6d6;color:#1b1a10;border:3px solid #d8b25a;border-radius:10px;box-shadow:0 6px 18px #0008;text-align:center}
#survival-guide[hidden]{display:none}
#sound-dialog #survival #survival-guide p{margin:0;font-size:15px;line-height:1.55;color:#1b1a10;max-width:none;word-break:keep-all;overflow-wrap:anywhere}
#survival-guide b{color:#5a3a00}
#survival-guide .sg-step{font:700 11px ui-monospace,monospace;letter-spacing:1px;color:#7a5a12}
#survival #survival-guide .sg-skip{min-height:32px;padding:2px 10px;font-size:12px;background:transparent;color:#5a4a20;border:1px solid #b9a26a}
.sg-focus{outline:3px solid #ffd66b!important;outline-offset:2px;animation:sgPulse 1.2s ease-in-out infinite}
#survival-canvas.sg-focus{outline-offset:-4px}
@keyframes sgPulse{50%{outline-color:#ffd66b55}}
@media(prefers-reduced-motion:reduce){.sg-focus{animation:none}}
@media(max-width:560px){#sound-dialog #survival #survival-guide p{font-size:13.5px}#survival-guide{padding:7px 10px;margin-top:4px}}
/* 성장 나무·장비(10/30) */
.survival-growth-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:.6rem 0}
.survival-growth-row small{opacity:.85}
#growth-dialog{max-width:min(980px,96vw);width:100%;background:#16213a;color:#f3ead2;border:3px double #e8c66a;border-radius:10px;padding:0}
#growth-dialog .lesson-top{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1rem;border-bottom:1px dashed #6d7aa0}
#growth-dialog h2{margin:0;color:#ffd77a;font-size:1.15rem}
#growth-close{background:none;border:2px solid #f3ead2;color:#f3ead2;border-radius:6px;padding:.3rem .7rem;min-height:44px}
#growth-body{padding:.8rem 1rem 1.2rem;max-height:78vh;overflow:auto}
.growth-sum{color:#ffd77a;font-weight:700}
.growth-tree{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.8rem}
.growth-branch h3,.growth-slot h3,.growth-gear-title{font-size:1rem;margin:.4rem 0;color:#ffe7a3}
.growth-branch h3 small{font-weight:400;color:#c9d2ea;font-size:.8rem}
.growth-branch ol{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.growth-branch li{border-left:3px solid #4a5a86;padding-left:.5rem}
.growth-branch li.open{border-left-color:#e8c66a}
.growth-branch li small{display:block;font-size:.75rem;color:#aeb8d6;margin-bottom:.2rem}
.growth-branch li>div,.growth-slot>div{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}
.growth-pick,.growth-item{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:.1rem;background:#223158;color:#f3ead2;border:2px solid #4a5a86;border-radius:6px;padding:.4rem .5rem;min-height:44px;font:inherit;cursor:pointer}
.growth-pick span,.growth-item span{font-size:.78rem;color:#c9d2ea}
.growth-pick[aria-pressed="true"],.growth-item[aria-pressed="true"]{border-color:#ffd77a;background:#3a3a24;box-shadow:0 0 10px rgba(255,215,122,.35)}
.growth-pick:disabled,.growth-item:disabled{opacity:.45;cursor:default}
.growth-gear{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.8rem}
@media (max-width:520px){.growth-branch li>div,.growth-slot>div{grid-template-columns:1fr}}
/* 마법사 큰 마법 버튼(11/9): 왼쪽 아래. 방향 버튼은 오른쪽, 무기 목록은 버튼 옆으로 비킨다. */
#survival-cast{position:absolute;z-index:3;left:10px;bottom:10px;box-sizing:border-box;width:76px;min-height:58px;margin:0;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;overflow:hidden;background:#29251fe8;color:#cdc3a4;border:2px solid #6d604a;border-radius:8px;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}
#survival-cast[hidden]{display:none}
#survival-cast i{position:absolute;inset:0;transform-origin:bottom;transform:scaleY(var(--mana,0));background:#a4582a80}
#survival-cast b,#survival-cast span,#survival-cast small{position:relative}
#survival-cast b{font-size:14px;line-height:1.1}
#survival-cast span{font-size:12px;font-weight:700;line-height:1}
#survival-cast span:empty{display:none}
#survival-cast small{font-size:9px;opacity:.85}
#survival-cast.ready{background:#c9662a;color:#fff6d6;border-color:#ffd66b}
#survival-cast.ready i{display:none}
#survival-cast:focus-visible{outline:3px solid #ffd66b;outline-offset:2px}
#survival.has-cast #survival-weapons{left:94px;max-width:calc(60% - 94px)}
@media (pointer:coarse){#survival-cast small{display:none}}
@media (max-width:560px){#survival-cast{left:6px;bottom:6px;width:70px}#survival.has-cast #survival-weapons{left:82px;max-width:calc(100% - 240px)}}
/* 낮은 가로 화면: 왼쪽의 큰 소리 크기판이 내려와 있으므로 그 오른쪽으로 비킨다. */
@media (max-height:500px){#survival-cast{left:74px;bottom:6px;width:70px;min-height:48px}#survival.has-cast #survival-weapons{left:150px;max-width:calc(100% - 330px)}}