/* Arena art is cosmetic; the stadium/canvas geometry remains unchanged. */
.immersive #arena-toggle{color:#edf8ff;border:1px solid #7ca6bd;border-radius:5px;background:#12364dde;padding:7px 10px;font-size:11px;min-height:36px;max-width:180px}
.immersive #arena-toggle:disabled{opacity:.6}
#arena-settings-toggle{display:flex;align-items:center;gap:11px;border:1px solid #537d95;border-radius:6px;background:#17415a;color:#e7f6ff;padding:8px 11px;width:100%;margin:14px 0 0;text-align:left;min-height:52px;font-size:12px}
#arena-settings-toggle img{width:55px;height:37px;object-fit:cover;border-radius:4px}
#arena-settings-toggle span{flex:1}#arena-settings-toggle small{display:block;color:#f4d382;font-size:11px;margin-top:3px}
#arena-picker{width:min(860px,94vw);max-width:94vw;max-height:88dvh;overflow-y:auto;padding:24px;background:#123850;border:1px solid #79a9c5;border-radius:13px;color:#e9f6fe}
#arena-picker::backdrop{background:#061d32bf;backdrop-filter:blur(4px)}
#arena-picker .arena-picker-head{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:21px;position:sticky;top:-24px;margin-top:-24px;z-index:1;background:#123850;padding-top:24px;padding-bottom:8px}
#arena-picker h2{font-size:23px;margin:0}#arena-picker .arena-picker-head p{font-size:12px;color:#c0dce9;line-height:1.7;margin:5px 0 0}
#arena-picker button{float:none;margin:0;color:#e5f5ff}
#arena-picker-close{white-space:nowrap;padding:6px 10px;border:1px solid #6f9bb2;background:#214b66;border-radius:5px;font-size:11px;min-height:36px}
#arena-picker .arena-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
#arena-picker .arena-choice{padding:0;text-align:left;overflow:hidden;background:#173e57;border:1px solid #4e768f;border-radius:9px;min-width:0}
#arena-picker .arena-choice.chosen{border-color:#f4d382;box-shadow:0 0 0 1px #f4d382}
#arena-picker .arena-choice>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#arena-picker .arena-choice>span{display:block;padding:11px 13px}
#arena-picker .arena-choice strong{font-size:14px;display:block}#arena-picker .arena-choice small{display:block;color:#bfd9e8;font-size:11px;margin-top:4px}
#arena-picker .arena-choice.chosen small{color:#f4d382}#arena-picker .arena-choice.locked small{color:#efd291}
#arena-picker .arena-picker-foot{font-size:11px;line-height:1.7;color:#bad6e5;border-top:1px solid #456e87;margin:21px 0 0;padding-top:13px}
#arena-picker .arena-picker-back{padding:8px 0;min-height:40px;color:#c7e1f0;text-decoration:underline;font-size:12px;background:none;border:0}
#arena-picker .arena-preview>img{width:100%;display:block;aspect-ratio:3/2;object-fit:cover;border-radius:9px}
#arena-picker .arena-preview h3{font-size:22px;color:#f4d382;margin:17px 0 5px}#arena-picker .arena-preview p{font-size:13px;line-height:1.7;margin:5px 0;color:#cee3ef}
#arena-picker .arena-preview .arena-requirement{color:#f4d382;margin:12px 0}
#arena-picker .arena-use{background:#f4d382;color:#153b53;border:0;border-radius:6px;padding:12px 19px;min-height:44px;font-size:14px;font-weight:700}
body[data-arena=ink] .scene-lights{opacity:.15}body[data-arena=sakura] .scene-lights{opacity:.25}
body[data-arena=ink] .game-layout{background:#31494a}body[data-arena=sakura] .game-layout{background:#141d36}body[data-arena=neon] .game-layout{background:#071824}
@media(max-width:700px){body[data-arena] .battle:before{background-image:linear-gradient(#20363870,#142d37b5),var(--arena-scene-image)}#arena-picker{padding:19px 15px}#arena-picker .arena-picker-head{top:-19px;margin-top:-19px;padding-top:19px}#arena-picker h2{font-size:21px}#arena-picker .arena-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}#arena-picker .arena-choice>span{padding:10px}#arena-picker .arena-choice strong{font-size:13px}#arena-picker .arena-choice small{font-size:11px}.immersive #arena-toggle{font-size:10px;padding:6px 8px;max-width:145px}}
@media(pointer:coarse){.immersive #arena-toggle,#arena-picker-close{min-height:44px}}
#arena-picker .arena-read-letter{display:block;background:none;border:0;color:#f4d382;text-decoration:underline;font-size:13px;margin-top:13px;min-height:40px}
#arena-picker .arena-unread-letter{width:100%;margin-bottom:15px;padding:12px;text-align:left;background:#214b66;border:1px solid #f4d382;border-radius:6px;color:#f4d382;font-size:12px}
.arena-unlock-progress{margin:16px 0}.arena-unlock-progress>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px;font-size:12px;margin-bottom:12px}.arena-unlock-progress b{color:#f4d382}.arena-unlock-progress progress{width:100%;height:8px;accent-color:#f4d382}#arena-picker .arena-progress-note{font-size:11px;color:#b7d0df}
/* Warm stationery sets the developer's letter apart from the battle HUD. */
#arena-letter{width:min(660px,94vw);max-width:94vw;max-height:90dvh;overflow:auto;background:#f4eddf;color:#263b42;border:1px solid #b9a477;border-radius:7px;padding:26px}
#arena-letter::backdrop{background:#071c2dcf;backdrop-filter:blur(4px)}
#arena-letter button,#arena-gift button{float:none;margin:0}
.arena-letter-top{display:flex;align-items:center;justify-content:space-between;gap:14px;position:sticky;top:-26px;margin-top:-26px;padding:19px 0 12px;background:#f4eddf;z-index:1;border-bottom:1px solid #c6b793}
.arena-letter-top>span{font-size:12px;color:#6d624c}#arena-letter-close{border:1px solid #b3a47f;border-radius:4px;background:#eee3ce;color:#35454a;padding:9px 12px;font-size:12px;white-space:nowrap;min-height:40px}
.arena-letter-heading{padding-top:23px}.arena-letter-heading>span{font-size:12px;color:#7c6539}.arena-letter-heading h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:25px;line-height:1.55;margin:8px 0 21px;color:#243943}
.arena-letter-salutation{font-size:14px;margin:0 0 18px}.arena-personal-letter{border-top:1px solid #c6b793;padding-top:19px;margin-top:19px}.arena-gift-board{display:flex;align-items:center;gap:16px;margin-bottom:17px}.arena-gift-board img{width:144px;height:96px;object-fit:cover;border-radius:4px}.arena-gift-board h3{font-size:18px;line-height:1.5;margin:0 0 4px}.arena-gift-board small{color:#736953;font-size:11px}
.arena-personal-letter p{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:14px;line-height:2.05;margin:12px 0}.arena-personal-letter .arena-letter-condition{font-family:inherit;font-size:11px;line-height:1.8;color:#686750;border-left:2px solid #b49a63;padding-left:10px;margin:18px 0}
#arena-letter .arena-use,#arena-gift .arena-use{background:#254a5b;color:#fff4d8;border:1px solid #254a5b;border-radius:5px;padding:12px 16px;font-size:13px;min-height:44px;font-weight:700}.arena-letter-signature{text-align:right;font-size:12px;line-height:1.8;color:#685b40;margin:22px 0 14px}
#arena-letter-done{display:block;width:100%;background:none;color:#314b55;border:1px solid #a79b7f;border-radius:4px;padding:11px;margin-top:16px;font-size:13px;min-height:44px}
#arena-gift{margin:20px 0;background:#f4eddf;color:#263b42;border:1px solid #b9a477;border-radius:7px;padding:22px;text-align:left}#arena-gift[hidden]{display:none}#arena-gift .arena-letter-heading{padding-top:0}.arena-letter-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:17px}.arena-letter-actions button{font-size:12px;border:0;background:none;color:#3c5965;text-decoration:underline;min-height:40px;padding:5px}
@media(max-width:700px){#arena-letter{padding:20px 17px}.arena-letter-top{top:-20px;margin-top:-20px}.arena-letter-heading h2{font-size:22px}.arena-gift-board{gap:11px}.arena-gift-board img{width:105px;height:70px}.arena-gift-board h3{font-size:16px}#arena-gift{padding:18px}.arena-personal-letter p{font-size:13px}}
/* The newly unlocked board is visible immediately beneath the streak. */
#challenge-result #arena-gift{margin:12px 0 15px;padding:13px;background:#f6e7be;border:2px solid #f4cd70;border-radius:8px;color:#243d4c;box-shadow:0 0 0 3px #f4cd7014;text-align:left}
#arena-gift .arena-gift-announcement{font-size:13px;font-weight:800;line-height:1.5;color:#6c4c0c;margin-bottom:10px}
#arena-gift .arena-gift-summary{display:flex;align-items:center;gap:11px;margin-bottom:12px}#arena-gift .arena-gift-summary img{display:block;width:88px;height:59px;object-fit:cover;border-radius:4px;flex-shrink:0}#arena-gift .arena-gift-summary>div{min-width:0}#arena-gift .arena-gift-summary h3{font-size:19px;font-weight:800;line-height:1.4;margin:0 0 4px;color:#203c4c}
#challenge-result #arena-gift .arena-gift-summary p{font-size:11px;line-height:1.6;margin:0;color:#44565a}
#arena-gift .arena-gift-summary-actions{display:grid;grid-template-columns:1.3fr 1fr;gap:8px}#challenge-result #arena-gift .arena-gift-summary-actions button{float:none;position:static;min-height:44px;padding:8px 5px;margin:0;border:1px solid #254a5b;border-radius:5px;background:#254a5b;color:#fff4d8;font-size:12px;font-weight:700;line-height:1.4}
#challenge-result #arena-gift .arena-gift-summary-actions [data-letter-use]{background:#fff8e7;color:#254a5b}
@media(max-width:360px){#challenge-result #arena-gift{padding:11px}.arena-gift-summary-actions{gap:6px}#arena-gift .arena-gift-summary img{width:72px;height:48px}#arena-gift .arena-gift-summary h3{font-size:16px}#arena-gift .arena-gift-announcement{font-size:12px}#challenge-result #arena-gift .arena-gift-summary-actions button{font-size:11px}}
#result-action-dock{display:flex;flex-direction:column;gap:9px}.immersive #result-action-dock #launch{order:0}
#challenge-result #arena-result-toggle{order:1;position:static;float:none;width:100%;min-height:44px;margin:0;padding:8px 12px;border:1px solid #7ca6bd;border-radius:5px;background:#153a50;color:#e7f5ff;font-size:12px;font-weight:600;box-shadow:none}
@media(max-width:700px) and (max-height:650px){#challenge-result #arena-gift{margin:8px 0;padding:8px}#arena-gift .arena-gift-summary{margin-bottom:8px;gap:8px}#arena-gift .arena-gift-summary img{width:64px;height:43px}}