/* Layout corrections: loaded after the historical theme. */
:root { --dock-height: 78px; }
.sidebar .nav-short { display: none; }
.mobile-nav .nav-full { display: none !important; }
html { -webkit-text-size-adjust: 100%; }
.workspace, main, .game-layout > *, .mystery-layout > *, .quick-game-body > * { min-width: 0; }
.home-daily .daily-emblem {
  display: flex; align-items: center; justify-content: center;
  flex: 0 0 74px; width: 74px; height: 74px; min-width: 0;
  padding: 0; margin: 0; border-radius: 50%;
  font-family: var(--body); font-size: 44px; font-weight: 600;
  line-height: 1; letter-spacing: 0; transform: none;
}
.home-daily > span:nth-child(2) { flex: 1; min-width: 0; }
.home-daily strong { line-height: 1.15; }
.home-daily small { display: block; }
.home-daily .daily-start { display: block; margin-top: 12px; font-size: 14px; line-height: 1.5; }
.quick-games .game-card { display: flex; flex-direction: column; min-width: 0; height: auto; }
.quick-game-body { flex: 1; grid-template-columns: 64px minmax(0,1fr); align-items: start; }
.quick-games .game-symbol {
  position: static; inset: auto; display: flex; align-items: center; justify-content: center;
  width: 64px; min-height: 64px; margin: 0; padding: 0;
  font-size: 40px; line-height: 1; letter-spacing: -1px;
  opacity: 1; text-align: center; align-self: start;
}
.quick-games .game-card h3 { margin: 0 0 9px; font-size: 30px; line-height: 1.15; letter-spacing: 0; }
.quick-games .game-card p { max-width: none; min-height: 0; margin: 0; font-size: 16px; line-height: 1.55; }
.quick-games .card-top { gap: 12px; flex-wrap: wrap; }
.quick-games .card-top > span:last-child { letter-spacing: 0; font-size: 12px; }
.quick-games .card-bottom { margin-top: auto; align-items: center; gap: 10px; line-height: 1.5; }
.quick-games .card-bottom b { white-space: nowrap; }
.mystery-clues li > div, .mystery-answer-row > div, .choice > span:nth-child(2) { min-width: 0; }
.mystery-clues p, .mystery-reveal h2, .mystery-answer-row b, .search-result b { overflow-wrap: anywhere; }
.button, .outline-button { white-space: normal; line-height: 1.45; }
.mystery-scoring { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); text-align: center; }
.higher-arena { grid-template-columns: repeat(2,minmax(0,1fr)); }
.higher-card { min-width: 0; }
.higher-card > b { overflow-wrap: anywhere; }
@media (max-width: 700px) {
  :root { --dock-height: 88px; }
  main { padding: 24px 16px 28px; }
  .workspace { padding-bottom: calc(var(--dock-height) + env(safe-area-inset-bottom)); }
  .topbar { height: auto; min-height: 64px; padding: 10px 16px; gap: 12px; flex-wrap: wrap; }
  .topbar .verified { display: none; }
  .topbar .account-link { margin-left: auto; font-size: 14px; }
  .home-heading { align-items: flex-start; gap: 12px; flex-wrap: wrap; }
  .home-heading h1 { font-size: clamp(30px,8vw,38px); line-height: 1.1; }
  .home-heading .text-button { padding: 8px 0; font-size: 14px; }
  .home-daily { padding: 20px 16px; gap: 14px; align-items: flex-start; border-radius: 14px; }
  .home-daily .daily-emblem { flex-basis: 48px; width: 48px; height: 48px; font-size: 30px; }
  .home-daily b { font-size: 12px; letter-spacing: .04em; line-height: 1.5; }
  .home-daily strong { font-size: 32px !important; margin: 6px 0 8px; }
  .home-daily small { font-size: 14px !important; line-height: 1.5; }
  .quick-games { grid-template-columns: minmax(0,1fr); gap: 16px; }
  .quick-games .game-card { padding: 18px 16px 0; min-height: 0; border-radius: 12px; }
  .quick-game-body { grid-template-columns: 48px minmax(0,1fr); gap: 14px; margin: 20px 0; }
  .quick-games .game-symbol { width: 48px; min-height: 48px; font-size: 32px; }
  .quick-games .game-card h3 { font-size: 28px; margin: 0 0 8px; }
  .quick-games .game-card p { font-size: 16px; }
  .quick-games .card-bottom { font-size: 14px; padding: 14px 0; }
  .mobile-nav { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); overflow: visible; gap: 0; padding: 5px 2px calc(7px + env(safe-area-inset-bottom)); }
  .mobile-nav .nav-link { min-width: 0; min-height: 72px; margin: 0; padding: 6px 2px; gap: 5px; justify-content: flex-start; }
  .mobile-nav .nav-icon { font-size: 22px; line-height: 1; }
  .mobile-nav .nav-link > span:last-of-type { display: block; font-size: 12px; line-height: 1.2; white-space: normal; overflow-wrap: normal; }
  .game-heading h1 { font-size: clamp(36px,10vw,48px); line-height: 1.1; }
  .game-heading p, .mystery-heading p { font-size: 16px; line-height: 1.5; }
  .mystery-heading { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: start; gap: 14px; }
  .mystery-heading h1 { font-size: 42px; line-height: 1.1; }
  .mystery-total { padding-top: 4px; }
  .mystery-total strong { font-size: 34px; }
  .mystery-tabs > div { padding: 14px 10px; gap: 8px; align-items: flex-start; }
  .mystery-tabs > div > span { font-size: 24px; line-height: 1; }
  .mystery-tabs b { font-size: 14px; line-height: 1.4; }
  .mystery-tabs small { font-size: 12px; line-height: 1.4; }
  .mystery-start, .mystery-round, .mystery-finish { padding: 22px 16px; }
  .mystery-number { float: none; display: none; }
  .mystery-start h2 { font-size: 30px !important; line-height: 1.15; }
  .mystery-scoring { padding: 14px 6px; gap: 2px; }
  .mystery-scoring b { font-size: 24px; }
  .mystery-scoring small { font-size: 12px; line-height: 1.4; }
  .mystery-round-top { gap: 12px; flex-wrap: wrap; }
  .mystery-round-top .tag { line-height: 1.5; }
  .mystery-clues li { gap: 10px; }
  .mystery-clues p { font-size: 16px; line-height: 1.55; }
  .mystery-clues li:last-child { padding-right: 10px; }
  .mystery-search input, .mystery-start input, .mystery-friends input { font-size: 16px; min-height: 48px; }
  .mystery-search .button, .mystery-start .button { padding: 14px 12px; }
  .mystery-side > * + * { margin-top: 18px; }
  .league-tabs button { min-height: 44px; padding: 10px 4px; font-size: 14px; }
  .search-result { gap: 10px; min-height: 52px; }
  .search-result b { font-size: 16px; line-height: 1.4; }
  .mystery-answer-row { padding: 16px 12px; gap: 10px; }
  .mystery-answer-row b { font-size: 18px; }
  .higher-speed, .arcade-toolbar { flex-wrap: wrap; }
  .higher-card > b { font-size: 26px; line-height: 1.15; }
  .higher-buttons button { min-height: 48px; }
  dialog { width: calc(100% - 24px); max-width: 560px; padding: 30px 18px 20px; max-height: 85dvh; }
  footer { margin: 0 16px; gap: 14px; font-size: 12px; line-height: 1.5; }
  #toast { bottom: calc(var(--dock-height) + env(safe-area-inset-bottom) + 12px); max-width: calc(100vw - 32px); }
}
@media (max-width: 380px) {
  .quick-game-body { grid-template-columns: minmax(0,1fr); gap: 12px; }
  .quick-games .game-symbol { justify-content: flex-start; min-height: 36px; }
  .mystery-heading { grid-template-columns: minmax(0,1fr); }
  .mystery-total { display: flex; align-items: center; gap: 12px; text-align: left; }
  .mystery-total strong { font-size: 28px; }
  .mystery-total > span { font-size: 12px; }
  .mystery-tabs > div > span { display: none; }
  .home-daily { gap: 10px; padding: 18px 12px; }
  .home-daily .daily-emblem { flex-basis: 42px; width: 42px; height: 42px; font-size: 28px; }
}

.auth-dialog {
  width:min(460px,calc(100% - 32px));
  border:1px solid #3f4d39;
  border-radius:20px;
  padding:36px 28px 24px;
  color:var(--text);
  background:#171d16;
  box-shadow:0 24px 80px rgb(0 0 0 / .48);
}
.auth-dialog::backdrop { background:rgb(4 9 5 / .82); backdrop-filter:blur(5px); }
.auth-dialog .eyebrow { color:var(--lime); }
.auth-dialog h2 { font-size:34px; line-height:1.1; margin:16px 0; color:#f5f6ed; }
.auth-dialog p { line-height:1.6; overflow-wrap:anywhere; color:#bac4b3; }
.auth-dialog p strong { color:#f3f5eb; }
.auth-close {
  position:absolute; right:8px; top:8px; width:44px; height:44px;
  border:0; border-radius:50%; background:transparent; color:#c7d0bf;
  font-size:28px; cursor:pointer;
}
.auth-close:hover { background:#ffffff0d; color:var(--lime); }
.auth-dialog form { display:grid; gap:12px; margin-top:22px; }
.auth-dialog label { font-weight:700; color:#e9ede2; }
.auth-dialog input {
  box-sizing:border-box; width:100%; min-width:0; min-height:52px; padding:13px 14px;
  border:1px solid #566450; border-radius:9px; background:#0f140f; color:#f4f6ed;
  font:inherit; font-size:16px; caret-color:var(--lime);
}
.auth-dialog input::placeholder { color:#7f8a78; opacity:1; }
.auth-dialog input:hover { border-color:#73816b; }
.auth-dialog input:focus-visible { outline:3px solid var(--lime); outline-offset:2px; border-color:var(--lime); }
.auth-dialog .button {
  background:var(--lime); color:#17200f; border:1px solid var(--lime);
  min-height:50px; font-size:13px;
}
.auth-actions { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-top:12px; }
.auth-actions button { min-height:44px; }
.auth-dialog .text-button { color:#d9f49c; font-size:12px; font-weight:700; }
.auth-dialog .text-button:hover { color:var(--lime); }
.auth-message, .auth-notice {
  font-size:14px; border-radius:8px; padding:10px 12px; margin-top:14px;
}
.auth-message { color:#f4c8aa; background:#f2b48c0d; border:1px solid #f2b48c2b; }
.auth-message:empty { display:none; }
.auth-notice { color:#dce9c8!important; background:#d0fa690b; border:1px solid #d0fa6929; }
.auth-dialog .fine { color:#97a390; font-size:12px; }
.auth-dialog button:disabled { opacity:.55; cursor:wait; }
.auth-actions-stacked { display:grid; grid-template-columns:1fr; gap:4px; }
.auth-actions-stacked .text-button { text-align:left; justify-content:flex-start; width:100%; }
@media(max-width:380px) {
  .auth-dialog { padding:34px 18px 20px; }
  .auth-dialog h2 { font-size:30px; }
}



/* Language control stays visible on narrow screens. */
.language-switch{display:inline-flex;gap:2px;padding:3px;border:1px solid #ffffff24;border-radius:9px;margin-left:auto;flex-shrink:0;align-items:center}
.language-switch button{min-width:34px;min-height:34px;padding:5px 7px;border:0;border-radius:6px;background:transparent;color:inherit;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer}
.language-switch button[aria-pressed="true"]{background:#cbff59;color:#111511}
.language-switch button:focus-visible{outline:2px solid #cbff59;outline-offset:3px}
@media(max-width:600px){.topbar{gap:8px}.language-switch{margin-left:auto}.language-switch button{min-width:32px;min-height:36px}.topbar .account-link{margin-left:0}}

/* ONCE Club 2026 mobile navigation and dense play surfaces */
@media(max-width:700px){.workspace{padding-bottom:78px}.mobile-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;overflow:hidden!important;padding:6px 8px max(8px,env(safe-area-inset-bottom))!important}.mobile-nav .nav-link{width:auto!important;min-width:0!important;min-height:56px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;padding:5px 2px!important;margin:0!important;font-size:11px!important;text-align:center}.mobile-nav .nav-icon{font-size:20px!important;width:auto!important}.mobile-brand{display:flex!important;align-items:center!important;gap:8px!important}.home-daily{min-height:0!important;padding:17px 14px!important;gap:12px!important}.home-daily .mystery-shirt{width:58px!important;height:54px!important;min-width:58px!important}.home-daily .mystery-shirt i{font-size:29px!important}.quick-game-body{grid-template-columns:70px minmax(0,1fr)!important;gap:12px!important}.quick-games .game-scene{position:static!important;width:70px!important;height:58px!important;opacity:1!important}.quick-games .game-card{min-height:0!important}.quick-games .game-card h3{margin-top:0!important}.quick-games .game-card p{max-width:none!important;min-height:0!important}.game-heading{margin-bottom:14px!important}.difficulty-bar{margin-bottom:12px!important}.game-layout{gap:12px!important}.higher-card{min-height:275px!important}.result-actions{display:grid;grid-template-columns:1fr}.result-actions>*{width:100%;min-width:0}}
@media(max-width:430px){.topbar{padding-left:12px!important;padding-right:12px!important}.account-link{font-size:0!important;padding-right:5px!important}.account-link>span:last-child{display:none}.quick-game-body{grid-template-columns:58px minmax(0,1fr)!important}.quick-games .game-scene{width:58px!important}}
/* Follow-up audit: compact hero, readable scenes and safe-area spacing. */
.home-daily .daily-start{display:inline-flex;padding:11px 18px;margin-top:14px;text-align:left;border-radius:9px;background:var(--lime);color:#15200e;font-weight:800}
.home-daily .daily-progress{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:#c8d5bd;line-height:1.5}
.home-daily .daily-progress-bars{display:inline-flex;gap:5px}
.home-daily .daily-progress i{width:28px;height:5px;background:#d0fa6930}
.home-daily .daily-progress i.complete{background:var(--lime)}
.quick-games .game-scene>span{opacity:1}
.mini-swap i{background:var(--purple)}
.mini-podium i,.mini-podium b{background:var(--peach)}
.mobile-nav a:focus-visible,.game-card:focus-visible,.home-daily:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
@media(max-width:700px){.workspace{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.home-daily .daily-start{padding:10px 14px}.home-daily .daily-progress{font-size:12px}.home-daily .mystery-shirt{flex-shrink:0}}
.mystery-league{border:1px solid var(--club-border,var(--line));border-radius:14px;overflow:hidden;background:var(--club-surface,#191f16)}
.mystery-league>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;font-weight:700;cursor:pointer;min-height:48px;list-style:none}
.mystery-league>summary::-webkit-details-marker{display:none}
.mystery-league>summary:focus-visible{outline:3px solid var(--lime);outline-offset:-4px}
.mystery-league[open]>summary{border-bottom:1px solid var(--line)}
.mystery-league .league-groups,.mystery-league .daily-ranking,.mystery-league .mystery-friends{border:0;border-radius:0;margin:0}
@media(max-width:700px){
 html{scroll-padding-bottom:calc(94px + env(safe-area-inset-bottom))}
 main{padding:18px 12px 24px}
 .topbar{flex-wrap:nowrap;min-height:60px;padding:8px 12px;gap:8px}
 .mobile-brand img{width:30px;height:30px}.mobile-brand b{font-size:12px!important;white-space:nowrap}
 .language-switch{margin-left:auto}.language-switch button{min-width:36px;min-height:40px}
 .account-link{font-size:0!important;padding:4px!important;min-width:36px;justify-content:center}.account-link>span:last-child{display:none}
 .game-heading h1{font-size:clamp(30px,8.3vw,38px);line-height:1.08}.game-heading p{font-size:14px;line-height:1.5;margin-top:8px}
 .difficulty-bar{padding:10px!important;gap:8px;flex-wrap:wrap}.difficulty-bar>span{font-size:12px}
 .segmented button,.difficulty-bar button{min-height:44px}
 .home-heading h1{font-size:32px}.home-daily strong{font-size:28px!important}
 .home-daily .mystery-shirt{flex-basis:48px!important;min-width:48px!important;width:48px!important;height:48px!important}
 .home-daily small{font-size:13px!important}.home-daily .daily-start{min-height:44px;align-items:center}
 .quick-games{gap:12px}.quick-games .game-card{padding:14px 14px 0}.quick-game-body{margin:14px 0}
 .quick-games .game-card h3{font-size:25px}.quick-games .game-card p{font-size:14px;line-height:1.45}.quick-games .card-bottom{font-size:12px;flex-wrap:wrap}
 .mystery-heading{grid-template-columns:minmax(0,1fr);gap:12px}.mystery-heading h1{font-size:36px;margin:5px 0}.mystery-heading p{font-size:14px;line-height:1.45;margin:6px 0}
 .mystery-total{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#1b2417}
 .mystery-total strong{font-size:27px;margin:0}.mystery-total>span{font-size:11px}.mystery-total strong small{font-size:14px}
 .mystery-layout{gap:14px}.mystery-tabs>div{padding:11px 9px;gap:6px}.mystery-tabs>div>span{display:none}.mystery-tabs b{font-size:14px}.mystery-tabs small{font-size:11px}
 .mystery-start,.mystery-round,.mystery-finish{padding:18px 14px}.mystery-start h2{font-size:26px!important}.mystery-start p{font-size:14px;line-height:1.55}
 .mystery-scoring{padding:10px 2px;margin:16px 0}.mystery-scoring b{font-size:21px}.mystery-scoring small{font-size:10px}
 .mystery-clues{padding:0}.mystery-clues li{padding:12px 10px;gap:9px;align-items:flex-start}.mystery-clues li>span{flex:0 0 26px;font-size:14px}.mystery-clues p{font-size:15px;line-height:1.5;margin:5px 0 0}.mystery-clues small{font-size:10px;letter-spacing:.07em}
 .mystery-locked{display:flex;flex-wrap:wrap;gap:6px}.mystery-locked span{padding:7px;font-size:10px}
 .mystery-search input{scroll-margin-top:16px;scroll-margin-bottom:180px}.mystery-search .button{width:100%;min-height:48px;margin-top:10px}
 #mystery-matches{max-height:34dvh;overflow:auto;overscroll-behavior:contain}.search-result{min-height:54px;padding:11px 8px}.search-result b{font-size:15px}.search-result>span:last-child{flex-shrink:0}
 .mystery-attempt-note{gap:6px;flex-wrap:wrap;font-size:12px;line-height:1.5}.mystery-side{display:block}.mystery-side .rules{margin-top:12px}
 .mystery-answer-row{padding:12px 10px}.mystery-answer-row b{font-size:17px}.mystery-reveal h2{font-size:30px;line-height:1.1}
 .higher-score{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px}.higher-score strong{font-size:34px}.higher-score small{flex-basis:100%;font-size:12px}.streak-track{margin:10px 0}
 .higher-arena{gap:10px}.higher-card{padding:14px 10px;min-height:225px!important}.higher-monogram{width:44px;height:48px;margin:8px auto}.higher-card>b{font-size:21px}.higher-card>strong{font-size:38px}.higher-card>span,.higher-card>small{font-size:10px;letter-spacing:.03em}.higher-card .catalogue-name{font-size:11px;line-height:1.4}.higher-buttons{gap:8px;margin-top:12px}.higher-buttons button{font-size:13px;padding:10px 6px;min-height:46px}.higher-versus{width:28px;height:28px;font-size:10px}
 .pitch{padding:18px 6px}.pitch-row{gap:4px}.player-slot{min-width:0}.player-slot b{font-size:11px;line-height:1.2;overflow-wrap:anywhere}.player-slot small{font-size:10px}.player-slot .jersey{width:38px;height:42px}
 .bench-stats{padding:12px 8px;gap:8px}.bench-stats strong{font-size:28px}.bench-stats span,.bench-stats small{font-size:10px}
 .choice{padding:12px 9px;gap:9px;min-height:64px}.choice b{font-size:16px}.choice .player-monogram{flex-shrink:0;width:38px;height:44px}.choice small{font-size:12px}
 .order-layout .order-item{grid-template-columns:24px minmax(0,1fr) 46px;padding:10px 8px}.move-button{min-width:44px;min-height:44px}.order-layout .order-context{font-size:12px}
 dialog{max-height:calc(100dvh - 32px);overflow:auto}.button,.outline-button{min-height:46px}.mobile-nav{z-index:50}.mobile-nav .nav-link{min-height:56px!important}
}
@media(max-width:360px){.mobile-brand b{display:none}.home-heading h1{font-size:29px}.home-daily .mystery-shirt{display:none!important}.quick-games .game-card h3{font-size:23px}.higher-card>b{font-size:19px}.higher-card{padding:12px 8px}.higher-buttons button{font-size:12px}.mystery-round-top{gap:8px}.mystery-round-top .tag{font-size:10px}}

/* Keep each illustration inside its own grid track, including narrow iPhones. */
.quick-games .quick-game-body{grid-template-columns:96px minmax(0,1fr)!important;gap:16px!important}
.quick-games .game-scene{width:96px!important;min-width:0;max-width:100%;height:66px!important;min-height:0;box-sizing:border-box}
.quick-games .mini-duel{width:88px;grid-template-columns:28px minmax(0,1fr) 28px;gap:5px}
.quick-games .mini-duel i{width:100%;box-sizing:border-box}
.quick-games .mini-swap{width:88px;justify-content:space-between;gap:4px}
.quick-games .mini-swap i{flex:0 0 27px}
.quick-games .mini-swap b{font-size:20px;line-height:1}
@media(max-width:700px){
 .quick-games .quick-game-body{grid-template-columns:80px minmax(0,1fr)!important;gap:14px!important;align-items:start}
 .quick-games .game-scene{width:80px!important;height:58px!important}
 .quick-games .mini-duel{width:76px;grid-template-columns:25px minmax(0,1fr) 25px;gap:4px}
 .quick-games .mini-swap{width:76px}
 .quick-games .mini-swap i{flex-basis:24px;width:24px}
 .quick-games .mini-swap b{font-size:18px}
 .quick-games .game-card h3{overflow-wrap:normal}
}
@media(max-width:360px){
 .quick-games .quick-game-body{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 .quick-games .game-scene{justify-self:start}
}

/* Result artwork and export controls share one responsive preview. */
.share-studio{margin:0 0 28px;padding:24px;border:1px solid #8ea78055;border-radius:20px;background:linear-gradient(140deg,#213126,#111c15);animation:onceResultIn .3s ease-out}
.share-studio-heading>span{font-size:11px;letter-spacing:.15em;color:#b4ccaa;font-weight:700}.share-studio-heading h2{font-size:32px;line-height:1.1;margin:8px 0 22px}
.share-studio-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(210px,1fr);gap:24px;align-items:center}.share-art{min-width:0;display:flex;justify-content:center}.share-art canvas{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 15px 32px #0005}.is-story .share-art canvas{width:auto;max-width:100%;max-height:600px}
.share-settings{min-width:0;display:grid;gap:12px}.share-settings p{margin:0;font-size:15px;line-height:1.5}.share-settings small{font-size:12px;color:#a9b7a4;line-height:1.5}.share-formats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.share-formats button{padding:12px 6px;min-height:44px;border:1px solid #728768;border-radius:9px;color:#dae5d4;background:transparent;font:inherit;font-size:13px}.share-formats button[aria-pressed=true]{background:#d0fa69;color:#182113;border-color:#d0fa69;font-weight:700}.share-name-label{display:grid;gap:7px;font-size:13px}.share-name-label input{box-sizing:border-box;width:100%;min-width:0;font-size:16px;padding:12px;border-radius:8px;background:#101b14;color:#f5f7ef;border:1px solid #71816b}.share-status{font-size:12px!important;color:#b6c4b0;min-height:18px}.share-studio button:focus-visible,.share-studio input:focus-visible{outline:3px solid #d0fa69;outline-offset:3px}.share-studio button:disabled{opacity:.5;cursor:wait}
@keyframes onceResultIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:700px){.share-studio{padding:15px;border-radius:14px}.share-studio-heading h2{font-size:27px}.share-studio-layout{grid-template-columns:minmax(0,1fr);gap:18px}.is-story .share-art canvas{max-height:480px}.share-settings .button,.share-settings .outline-button{width:100%;min-height:48px}}
@media(prefers-reduced-motion:reduce){.share-studio{animation:none}}

/* In-game summaries stay compact and wrap on narrow screens. */
.xi-layout .scoreboard strong{display:inline-block;font-variant-numeric:tabular-nums}
.xi-layout .meter>i{transform-origin:left center}
.higher-card>strong{font-variant-numeric:tabular-nums;transform-origin:center}
.higher-buttons button{transition:transform 120ms ease,background-color 120ms ease}
.higher-buttons button:active{transform:scale(.97)}
@media(prefers-reduced-motion:reduce){.higher-buttons button{transition:none}.higher-buttons button:active{transform:none}}
.xi-lines{margin:0 0 24px}
.xi-lines h2,.higher-history h3,.mystery-discarded h3,.bench-confirm-pick h3{font-size:14px;line-height:1.4;margin:0 0 12px;letter-spacing:0}
.xi-line-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.xi-line-grid>div{min-width:0;display:grid;gap:6px;padding-left:12px;border-left:2px solid #819775}
.xi-line-grid strong{font-size:22px;line-height:1.2}.xi-line-grid small{font-size:12px;font-weight:400;color:#b6c4b0}
.xi-line-grid progress{width:100%;height:5px;accent-color:#d0fa69}
.higher-history{margin:20px 0;padding:16px 0;border-block:1px solid #72876855}
.higher-history ol,.mystery-discarded ul{list-style:none;margin:0;padding:0}
.higher-history li{display:flex;align-items:baseline;gap:12px;padding:8px 0;font-size:14px;line-height:1.5}
.higher-history li>div{min-width:0;overflow-wrap:anywhere}.higher-history small{display:block;color:#b6c4b0;font-size:12px}
.duel-verdict{flex:0 0 70px;font-size:12px;font-weight:700}.duel-correct .duel-verdict{color:#d0fa69}.duel-wrong .duel-verdict{color:#ffb4ab}
.bench-confirm-pick{padding:16px;margin-bottom:20px;border:1px solid #d0fa69;border-radius:8px;background:#1b2a1e}
.swap-preview{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center}
.swap-preview div{display:grid;gap:6px;min-width:0}.swap-preview b{overflow-wrap:anywhere}.swap-preview small{color:#b6c4b0}
.bench-confirm-pick p{font-size:13px;line-height:1.5;color:#b6c4b0}.bench-confirm-pick .result-actions{flex-wrap:wrap}
.mystery-discarded{margin:20px 0}.mystery-discarded ul{display:flex;gap:8px;flex-wrap:wrap}
.mystery-discarded li{max-width:100%;overflow-wrap:anywhere;padding:7px 10px;border:1px solid #728768;border-radius:6px;color:#c2ccbc;font-size:13px}
.order-submit [data-action="undo-order"]{margin-bottom:10px}.order-submit [data-action="undo-order"]:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:600px){.xi-line-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.higher-history li{gap:8px}.bench-confirm-pick .result-actions button{width:100%}}