/* Field Notes: shared layout tokens; game canvases and uploaded card panels retain their geometry. */
/* Same foot anchor as Wanderer: (150, 200) in the 300×300 source sprite. */
.comparison-profiles .compare-portrait {
  --character-foot-gap: 12px;
  position: relative;
  display: block;
  flex: 0 0 120px;
  width: 120px;
  height: 144px;
  overflow: hidden;
}
.char-detail-img-wrap { --character-foot-gap: 28px; }
#char-detail-img,
.char-detail-img-wrap .char-anim-img,
.compare-portrait > .character-portrait-image {
  position: absolute;
  left: 50%;
  top: calc(100% - var(--character-foot-gap));
  width: 300px;
  height: 300px;
  max-width: none;
  max-height: none;
  margin: 0;
  transform: translate(-50%, -66.666667%);
  object-fit: contain;
  image-rendering: pixelated;
  pointer-events: none;
}
@media (max-width: 700px) {
  .comparison-profiles .compare-portrait {
    float: none;
    width: 100%;
    max-width: 120px;
    height: 132px;
    margin: 0 auto 12px;
  }
  .comparison-profiles .comparison-profile h2 { clear: none; padding-top: 0; }
}
[hidden]{display:none!important}
html[data-theme="dark"]{color-scheme:dark}
html:not([data-theme="dark"]){color-scheme:light}
.download-result{display:block;font-size:12px;line-height:1.7;margin:12px 0 0;color:var(--accent);overflow-wrap:anywhere}.char-anim-controls-slot{min-width:0}.char-anim-controls-toggle{font-size:12px;background:transparent;border:0;padding:5px 0;min-height:32px}.char-overview-panel .char-anim-controls{width:100%;max-width:100%;margin:0}.char-anim-controls-body select{min-width:0;max-width:100%}
:root{--font-sans:'Noto Sans KR','Malgun Gothic',sans-serif;--bg:#f3f1e9;--bg-card:#fcfbf7;--bg-warm:#e9eddf;--primary:#315e47;--primary-dark:#254936;--accent:#315e47;--accent-dark:#244632;--text:#25372e;--text-dim:#637064;--muted:#727b70;--link:#315e47;--border:#d5d8cd;--radius-sm:3px;--radius-md:4px;--radius-lg:5px;--radius-pill:4px;--shadow-xs:none;--shadow-sm:none;--shadow-md:0 3px 14px #25372e0a;--shadow-lg:0 12px 36px #17291e26;--shadow-card-hover:0 5px 18px #17291e12;--container-max-width:1280px;--danger:#a2352b}
html,body{font-size:16px;line-height:1.6}html[data-theme="dark"]{--bg:#18241e;--bg-card:#202e25;--bg-warm:#2b3c2e;--primary:#b6ce92;--primary-dark:#c9dfa9;--accent:#b6ce92;--accent-dark:#cbdca9;--text:#e4eade;--text-dim:#b5c1b0;--muted:#a6b39e;--link:#c0d8a0;--border:#435344;--danger:#f3b0a4}a{text-underline-offset:4px}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent)}button:disabled{opacity:.5;cursor:wait}h1,h2,h3{letter-spacing:-.04em}h1{font-size:30px;line-height:1.35}h2{font-size:19px}h3{font-size:16px}p{margin:0 0 12px}:where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"])),select,textarea{background-color:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:3px;min-height:42px;padding:8px 11px}button{height:auto;min-height:40px;margin:0;line-height:1.5;border:1px solid var(--border);border-radius:3px;background:var(--bg-card);color:var(--text);padding:7px 13px}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:15px;z-index:1000;background:var(--bg-card);padding:8px 14px}.skip-link:focus{top:10px}#particle-canvas{display:none}
body>header{margin:0;padding:16px max(24px,calc((100vw - 1280px)/2));border-radius:0;top:0;position:relative;box-shadow:none;backdrop-filter:none;background:var(--bg);border-bottom:1px solid var(--text);gap:22px;min-height:78px}.header-logo-link{gap:0;font-size:22px;font-weight:800;letter-spacing:-1px;color:var(--text)}.logo-lala{padding:0;background:none;color:var(--text);border-radius:0}.logo-info{color:var(--text)}.logo-mark{width:12px;height:12px;background:var(--accent);box-shadow:4px -4px 0 var(--bg-warm);display:inline-block;margin-right:10px}body>header nav{position:static;left:auto;transform:none;margin:0;gap:3px;flex:1;justify-content:flex-start}body>header nav>a,.nav-dropdown-btn{font-size:14px;padding:8px 10px;border:0;background:transparent;box-shadow:none;white-space:nowrap;color:var(--text-dim);border-radius:0;min-height:40px}body>header nav>a.active,.nav-dropdown-btn.active{background:transparent;color:var(--accent);box-shadow:inset 0 -2px var(--accent);font-weight:700}.header-actions{gap:4px;margin:0}.header-actions button{border:0;box-shadow:none;background:transparent;width:32px;height:36px;min-height:36px;padding:4px}.header-search{width:195px;max-width:195px;margin:0;border:1px solid var(--border);background:var(--bg-card);border-radius:3px;padding:0}.header-search input{font-size:14px;min-width:0;min-height:38px;border:0;background:transparent;width:100%}.header-search button{border:0;min-height:36px}.nav-dropdown-menu{background:var(--bg-card);border:1px solid var(--border);border-radius:3px}.nav-dropdown-menu a{font-size:14px;padding:10px 15px}#app{max-width:1280px;width:calc(100% - 48px);margin:30px auto 64px;padding:0;min-height:60vh}.page-header{margin-bottom:25px;text-align:left}.page-header h1{font-size:30px}.page-desc{font-size:14px;color:var(--text-dim);margin-top:8px}.eyebrow{font-size:12px;letter-spacing:.08em;font-weight:700;color:var(--text-dim)}body>footer{border-top:1px solid var(--border);background:transparent;color:var(--text-dim);font-size:12px;text-align:left;padding:24px max(24px,calc((100vw - 1280px)/2));display:flex;gap:8px 24px;flex-wrap:wrap}body>footer p{margin:0}.btn-submit,.btn-cta,.btn-primary{background:var(--accent);color:var(--bg-card);border:1px solid var(--accent);box-shadow:none;border-radius:3px}.btn-submit:hover,.btn-cta:hover{background:var(--accent-dark);color:var(--bg-card);transform:none}.btn-ghost,.btn-pill{border:1px solid var(--border);background:var(--bg-card);border-radius:3px;font-size:14px;box-shadow:none}html[data-theme="dark"] .btn-submit,html[data-theme="dark"] .btn-primary{color:#17251c}.loading-msg,.error-msg,.info-msg{font-size:14px}.error-msg{color:var(--danger)}
.home-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}.home-title-row h1{font-size:28px;margin-top:5px}.home-date{font-size:13px;color:var(--text-dim);font-variant-numeric:tabular-nums}.home-search-surface{background:var(--bg-warm);border-top:4px solid var(--accent);display:flex;align-items:center;justify-content:space-between;min-height:205px;padding:30px 42px;position:relative;overflow:hidden;margin-bottom:30px}.home-search-copy{width:min(620px,76%);z-index:1}.home-search-copy h2{font-size:18px;margin-bottom:14px}.large-search{display:flex;background:var(--bg-card);border:1px solid var(--accent);height:56px}.large-search input{min-width:0;flex:1;font-size:18px;border:0;background:transparent}.large-search button{background:var(--accent);color:var(--bg-card);border:0;border-radius:0;padding:0 22px;font-size:15px;white-space:nowrap}.large-search button span{margin-left:20px}.home-search-copy p{font-size:13px;color:var(--text-dim);margin:12px 0 0}.home-lara{position:absolute;right:55px;bottom:-18px;height:220px;object-fit:contain;opacity:.95;pointer-events:none}.home-columns{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:28px}.home-main>.info-panel+.info-panel{margin-top:22px}.info-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:3px;min-width:0;overflow:hidden}.info-panel-head{display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--border);padding:17px 20px;flex-wrap:wrap}.info-panel-head h2{font-size:18px}.info-note{font-size:12px;color:var(--text-dim);margin-left:auto}.name-list{display:flex;flex-wrap:wrap;gap:10px;padding:20px}.name-list a{font-size:15px;padding:7px 12px;border:1px solid var(--border);text-decoration:none;color:var(--text);background:var(--bg)}.name-list a:hover{border-color:var(--accent)}.info-empty{padding:28px 22px;color:var(--text-dim);font-size:14px}.info-empty p{margin:0}.info-empty small{display:block;margin-top:8px;font-size:12px}.info-loading{padding:30px 22px;color:var(--text-dim);font-size:14px;display:flex;gap:12px;align-items:center}.load-mark{width:9px;height:9px;background:var(--accent);animation:loading-mark 1s steps(2) infinite}@keyframes loading-mark{50%{opacity:.2}}.info-error{padding:22px;color:var(--danger);font-size:14px;background:var(--bg-card)}.info-error button{margin-top:5px;font-size:14px;color:var(--text)}.event-list a{display:flex;gap:15px;justify-content:space-between;padding:15px 20px;text-decoration:none;border-bottom:1px solid var(--border);color:var(--text);font-size:14px}.event-list a:last-child{border:0}.event-list a:hover{background:var(--bg-warm)}.event-list small{color:var(--text-dim);white-space:nowrap;font-size:12px}.service-index{border-top:3px solid var(--text);padding-top:15px}.service-index>.eyebrow{margin-bottom:12px}.service-index>a{display:flex;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--border);text-decoration:none;color:var(--text)}.service-number{font-size:13px;font-variant-numeric:tabular-nums;color:var(--text-dim)}.service-index a strong{display:block;font-size:16px}.service-index a small{display:block;font-size:12px;color:var(--text-dim);margin-top:3px}.service-index a>span:last-child{margin-left:auto}.play-index{margin-top:28px;border:1px solid var(--border);padding:20px;background:var(--bg-warm)}.play-index h2{font-size:17px;margin-bottom:12px}.play-index a{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;text-decoration:none;color:var(--text)}.play-index p{font-size:12px;color:var(--text-dim);margin:15px 0 0}
.char-main-layout{display:grid;grid-template-columns:265px minmax(0,1fr);gap:26px;align-items:start}.char-overview-panel{width:auto;display:block;background:var(--bg-card);border:1px solid var(--border);border-top:4px solid var(--accent);border-radius:3px;padding:20px;min-width:0;box-shadow:none}.char-detail-image-col{width:100%;display:block}.char-detail-img-wrap{height:165px;min-height:165px;width:100%;margin:0 0 14px;background:var(--bg-warm);border-radius:0}.char-detail-img-wrap>img{image-rendering:pixelated;max-width:100%;max-height:160px;object-fit:contain}.char-detail-name{font-size:29px;margin:16px 0 12px;overflow-wrap:anywhere}.char-detail-power{border:0;background:transparent;padding:12px 0 16px;border-bottom:1px solid var(--border);border-radius:0;display:block;margin:0 0 12px}.char-detail-power-label{display:block;font-size:12px;color:var(--text-dim)}.char-detail-power-val{font-size:24px;color:var(--text);letter-spacing:-.04em;display:block;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.char-detail-meta{display:block;font-size:14px;gap:0}.char-meta-item{padding:5px 0;display:flex;justify-content:space-between;border:0;gap:14px;min-width:0;font-size:13px}.char-meta-label{color:var(--text-dim);font-size:13px}.char-meta-item>span:last-child{text-align:right}.char-meta-item a{color:var(--text);font-weight:500}.char-date-form{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding-top:15px;margin-top:15px;border-top:1px solid var(--border)}.char-date-form label{font-size:12px;color:var(--text-dim)}.char-date-form input{min-width:0;max-width:100%;font-size:13px;width:100%;min-height:36px}.char-date-form button{font-size:12px;padding:5px 8px;min-height:32px}.char-quick-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.char-quick-actions>*{font-size:12px;padding:5px 8px;border:1px solid var(--border);text-decoration:none;background:var(--bg-card);color:var(--text);min-height:32px}.char-quick-actions button[aria-pressed=true]{background:var(--bg-warm);border-color:var(--accent)}.char-stamp{font-size:11px;color:var(--text-dim);margin-top:12px;line-height:1.7}.char-tabs{display:flex;gap:21px;overflow:auto;scrollbar-width:thin;border-bottom:1px solid var(--border);border-radius:0;padding:0 0 3px;background:transparent;margin-bottom:22px;box-shadow:none}.char-tab{white-space:nowrap;border:0;border-bottom:3px solid transparent;background:transparent;border-radius:0;color:var(--text-dim);padding:10px 0;font-size:14px;min-height:46px}.char-tab.active{background:transparent;border-bottom-color:var(--accent);color:var(--text);font-weight:700;box-shadow:none}.char-tab-content{padding:0;border:0;background:transparent;border-radius:0;min-height:220px}.char-tab-content>.info-panel+.info-panel{margin-top:20px}.char-tab-content>.info-panel{margin-bottom:20px}.char-stat-power-hero{background:var(--bg-warm);color:var(--text);border:1px solid var(--border);border-radius:3px;box-shadow:none;padding:20px}.char-stat-power-hero-val{color:var(--text);font-size:30px}.char-stat-power-hero-label{color:var(--text-dim);font-size:13px}.char-stat-tier{margin:18px 0}.char-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--border);background:var(--bg-card);border-radius:3px}.char-stat-item{padding:13px 16px;border:0;border-bottom:1px solid var(--border);background:transparent;border-radius:0;box-shadow:none;min-width:0;gap:12px}.char-stat-name{font-size:13px;color:var(--text-dim)}.char-stat-val{font-size:15px;color:var(--text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.char-skill-grade-row{padding:12px 0}.char-skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.char-skill-item{border:1px solid var(--border);background:var(--bg-card);border-radius:3px;padding:13px;min-width:0}.skill-name{font-size:13px}.skill-level{font-size:13px}.skill-icon{image-rendering:pixelated;width:32px;height:32px}.motion-details{margin:12px 0 0;font-size:13px;border-top:1px solid var(--border);padding-top:10px}.motion-details summary{cursor:pointer;color:var(--text-dim);padding:5px 0}.char-anim-controls-slot{margin-top:10px}
.info-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border);font-size:14px}.info-controls label{display:flex;gap:8px;align-items:center;font-size:13px;min-width:0}.info-controls select{min-height:36px;font-size:13px;max-width:100%}.view-switch{display:inline-flex;gap:0;margin-left:auto;flex-shrink:0}.view-switch button{min-height:36px;font-size:13px;border-radius:0}.view-switch button+button{border-left:0}.view-switch button[aria-pressed=true]{background:var(--bg-warm);box-shadow:inset 0 -2px var(--accent);color:var(--accent)}.equip-list-row{display:grid;grid-template-columns:42px minmax(0,1fr) minmax(130px,1fr);width:100%;gap:15px;align-items:center;text-align:left;padding:15px 20px;border:0;border-bottom:1px solid var(--border);background:transparent;border-radius:0;min-height:98px}.equip-list-row:hover{background:var(--bg-warm)}.equip-list-row:last-child{border-bottom:0}.equip-list-row .data-icon{image-rendering:pixelated;max-width:38px;max-height:42px;object-fit:contain}.equip-list-row strong{display:block;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.equip-list-row small{font-size:12px;color:var(--text-dim)}.equip-potentials{font-size:12px;line-height:1.8;overflow-wrap:anywhere}.equip-potentials>div:first-child{color:var(--accent)}.equip-potentials>div:last-child{color:var(--text-dim)}.equip-stars{color:#805319!important}html[data-theme="dark"] .equip-stars{color:#e1c17b!important}.equip-slot-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:18px;max-width:580px;margin:auto}.equip-slot{border:1px solid var(--border);background:var(--bg);border-radius:3px;min-height:91px;padding:7px 2px;text-align:center;min-width:0}.equip-slot img{display:block;margin:3px auto;image-rendering:pixelated;max-width:38px;height:32px;object-fit:contain}.equip-slot small{display:block;font-size:11px;color:var(--text-dim)}.equip-slot .equip-stars{font-size:10px}.equip-slot.empty-slot{opacity:.5;cursor:default}.equip-extra{padding:15px 18px;border-top:1px solid var(--border);font-size:13px}.equip-extra summary{font-weight:700;cursor:pointer}.info-dialog{padding:0;max-width:560px;width:calc(100% - 32px);max-height:calc(100vh - 40px);background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-top:4px solid var(--accent);border-radius:4px;overflow:auto;box-shadow:var(--shadow-lg)}.info-dialog::backdrop{background:#101a12a8}.dialog-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:18px 22px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-card);z-index:1}.dialog-heading h2{font-size:18px;overflow-wrap:anywhere}.dialog-heading button{border:0;background:transparent;font-size:23px;padding:0;width:34px;min-height:34px}.dialog-content{padding:22px}.dialog-content h3{font-size:14px;padding-top:15px;border-top:1px solid var(--border);margin:18px 0 8px;color:var(--accent)}.dialog-content p{font-size:14px;white-space:pre-line}.dialog-content .data-icon{width:48px;height:48px;object-fit:contain;image-rendering:pixelated}.dialog-footer{padding:0 22px 20px}.dialog-footer button{width:100%}.info-rows{margin:0;padding:0;font-size:14px}.info-rows>div{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid var(--border)}.info-rows dt{color:var(--text-dim);min-width:0}.info-rows dd{margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;text-align:right}.padded{padding:18px 20px}.data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px}.data-tile{padding:15px;border:1px solid var(--border);background:var(--bg-card);min-width:0}.data-tile-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.data-icon{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}.data-tile h3{font-size:14px}.data-tile small{font-size:12px;color:var(--text-dim);display:block}.data-tile .level-value{font-size:20px;font-variant-numeric:tabular-nums;margin:8px 0}.data-progress{display:block;width:100%;height:5px;accent-color:var(--accent);margin:10px 0;background:var(--border);border:0}.data-progress::-webkit-progress-bar{background:var(--border)}.data-progress::-webkit-progress-value{background:var(--accent)}.effect-list{list-style:none;padding:16px 20px;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;font-size:14px}.effect-list li{border-bottom:1px solid var(--border);padding:7px 0}.plain-table{border-collapse:collapse;width:100%;font-size:14px;background:var(--bg-card);font-variant-numeric:tabular-nums}.plain-table th{text-align:left;background:var(--bg-warm);font-size:12px;font-weight:500;color:var(--text-dim)}.plain-table th,.plain-table td{padding:12px 15px;border-bottom:1px solid var(--border);white-space:normal;overflow-wrap:anywhere}.table-scroll{overflow:auto;scrollbar-width:thin}.table-scroll>.plain-table{min-width:580px}.spark-chart{display:flex;gap:8px;align-items:end;height:155px;margin:24px 20px 8px;border-bottom:1px solid var(--border)}.spark-chart>div{flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;height:100%;min-width:0}.spark-chart i{display:block;width:min(34px,80%);background:var(--accent);min-height:2px}.spark-chart small{font-size:11px;white-space:nowrap;color:var(--text-dim);padding:6px 0}.metric-summary{display:flex;gap:24px;flex-wrap:wrap;padding:18px 20px;border-bottom:1px solid var(--border)}.metric-summary small{font-size:12px;color:var(--text-dim);display:block}.metric-summary strong{font-size:22px;font-variant-numeric:tabular-nums}.info-footnote{font-size:12px;color:var(--text-dim);padding:15px 20px;line-height:1.8}.section-stack>*+*{margin-top:20px}
.api-key-card,.options-panel{border:1px solid var(--border);border-radius:3px;box-shadow:none;background:var(--bg-card);padding:20px}.api-key-input{font-size:15px!important}.options-tabs{border-bottom:1px solid var(--border);background:transparent}.options-tab{color:var(--text-dim);font-size:14px;background:transparent;border:0;border-radius:0}.options-tab.active{color:var(--text);background:var(--bg-warm)}.filter-options{gap:7px}.filter-options label{font-size:13px}.char-title{font-size:20px}.wanderer-header{text-align:left;margin-bottom:22px}.wanderer-header h1{font-size:30px}.wanderer-canvas-wrap{border:1px solid var(--border);box-shadow:none;border-radius:4px}.wanderer-sidebar{background:var(--bg-card);border:1px solid var(--border);border-radius:4px}.myroom-char-item{border-radius:3px}.btw-search{margin:20px 0}.btw-canvas-wrap{border:1px solid var(--border);border-radius:4px;box-shadow:none}.fortune-page{font-size:14px}.char-tab-content .fortune-badge{font-size:12px}#coffee-float{bottom:16px;right:16px}#coffee-float .coffee-float-main{font-size:13px;min-height:36px}
@media(max-width:1200px){body>header{gap:14px;padding:14px 24px}.header-search{width:160px;max-width:160px}body>header nav>a,.nav-dropdown-btn{padding:8px;font-size:13px}.char-main-layout{grid-template-columns:235px minmax(0,1fr);gap:22px}.char-overview-panel{padding:17px}.char-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.equip-list-row{grid-template-columns:38px minmax(0,1fr);gap:8px 12px}.equip-potentials{grid-column:2}.home-columns{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:980px){body>header{flex-wrap:wrap;padding:14px 24px;gap:14px}#mobile-nav-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);box-shadow:none;min-height:36px;height:36px}.header-actions{margin-left:auto}.header-search{order:5;width:100%;max-width:none}.header-logo{margin:0}body>header nav{display:none;position:fixed;left:0;top:0;bottom:0;width:285px;padding:70px 22px 30px;background:var(--bg-card);z-index:351;box-shadow:var(--shadow-lg);flex-direction:column;align-items:stretch;gap:8px;overflow:auto}body>header nav.mobile-open{display:flex}body>header nav>a,.nav-dropdown-btn{font-size:16px;text-align:left;display:block;padding:12px 8px;min-height:44px}body>header nav .nav-dropdown-menu{position:static;box-shadow:none;margin:6px 0;background:var(--bg);border:0}#mobile-nav-btn{z-index:352}.home-columns{grid-template-columns:minmax(0,1fr) 260px;gap:22px}.home-search-surface{padding:26px}.home-lara{right:25px}.home-search-copy{width:76%}.char-main-layout{grid-template-columns:210px minmax(0,1fr);gap:18px}.char-tabs{gap:18px}.char-detail-name{font-size:25px}.char-detail-power-val{font-size:21px}.data-grid{grid-template-columns:1fr}.char-stat-grid{grid-template-columns:1fr}.event-list a{flex-direction:column;gap:5px}}
@media(max-width:700px){#app{width:calc(100% - 32px);margin:22px auto 42px}body>header{padding:12px 16px;gap:10px;min-height:0}.header-logo-link{font-size:21px}.header-search input{font-size:16px}body>footer{padding:24px 16px;font-size:11px;display:block}body>footer p{margin-bottom:5px}.home-title-row{margin-bottom:18px}.home-title-row h1{font-size:23px}.home-date{display:none}.home-search-surface{padding:20px;min-height:185px;margin-bottom:22px}.home-search-copy{width:100%}.home-lara{display:none}.home-search-copy h2{font-size:16px}.large-search{height:50px}.large-search input{font-size:16px;width:100%}.large-search button{padding:0 14px;font-size:13px}.large-search button span{margin-left:8px}.home-search-copy p{font-size:12px}.home-columns{grid-template-columns:1fr}.home-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.play-index{margin-top:0;padding:16px}.service-index a{gap:10px}.service-index a strong{font-size:14px}.service-index a small{font-size:11px}.service-number{display:none}.info-panel-head{padding:14px 16px;gap:6px}.info-panel-head h2{font-size:16px}.info-note{font-size:11px}.info-empty{padding:22px 16px;font-size:13px}.name-list{padding:16px;gap:8px}.name-list a{font-size:13px}.page-header h1,.wanderer-header h1{font-size:26px}.char-main-layout{display:block}.char-overview-panel{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px 16px;padding:16px;margin-bottom:20px}.char-detail-image-col{width:86px}.char-detail-img-wrap{height:112px;min-height:112px;width:86px;margin:0}.char-detail-img-wrap>img{max-height:112px}.char-detail-name{font-size:24px;margin:0 0 8px}.char-detail-power{padding:0 0 10px;margin-bottom:8px}.char-detail-power-val{font-size:21px}.char-detail-power-label{font-size:11px}.char-detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px}.char-meta-item{display:block;font-size:12px;padding:0}.char-meta-label{font-size:11px;margin-right:4px}.char-meta-item>span:last-child{text-align:left}.char-meta-item:nth-child(n+5){grid-column:span 2}.char-stamp{font-size:10px}.char-date-form{margin-top:10px;padding-top:10px;gap:6px}.char-date-form input{width:145px;flex:1;font-size:12px;min-height:34px}.char-date-form label{width:100%}.char-quick-actions{margin-top:10px;gap:6px}.char-quick-actions>*{font-size:11px;padding:4px 7px;min-height:30px}#char-add-myroom{font-size:11px!important;margin-top:8px!important}.char-overview-panel #char-overview-extra{grid-column:span 2}.motion-details{font-size:11px;margin-top:10px;padding-top:8px}.motion-details[open]{grid-column:span 2}.char-detail-tabs-section{min-width:0}.char-tabs{gap:20px;margin-bottom:16px}.char-tab{font-size:13px;min-height:40px;padding:8px 0}.char-stat-grid{grid-template-columns:1fr 1fr}.char-stat-item{padding:11px;display:block}.char-stat-name{font-size:11px;display:block}.char-stat-val{font-size:14px;display:block;margin-top:4px}.char-stat-power-hero{padding:16px}.char-stat-power-hero-val{font-size:25px}.equip-list-row{padding:14px 16px;grid-template-columns:32px minmax(0,1fr);gap:7px 12px;min-height:90px}.equip-list-row .data-icon{max-width:32px}.equip-list-row strong{font-size:13px}.equip-list-row small{font-size:11px}.equip-potentials{font-size:12px}.info-controls{padding:12px;gap:10px;font-size:13px}.info-controls label{font-size:12px;max-width:100%}.info-controls select{font-size:12px;min-height:34px}.view-switch button{font-size:12px;padding:5px 10px;min-height:34px}.equip-slot-grid{gap:5px;padding:10px}.equip-slot{min-height:79px}.equip-slot small{font-size:9px}.equip-slot img{max-width:30px;height:29px}.data-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:8px}.data-tile{padding:11px}.data-tile h3{font-size:12px}.data-tile-head{display:block}.data-tile-head img{margin-bottom:8px}.data-tile .level-value{font-size:18px}.data-tile small{font-size:11px}.data-tile .info-rows{font-size:11px}.effect-list{grid-template-columns:1fr;padding:12px 16px;font-size:13px}.char-skill-grid{gap:8px}.char-skill-item{padding:10px}.skill-name{font-size:12px}.info-rows{font-size:13px}.info-footnote{padding:12px 16px;font-size:11px}.plain-table th,.plain-table td{padding:10px 12px;font-size:12px}.dialog-heading{padding:15px}.dialog-content{padding:17px}.dialog-content p{font-size:13px}.dialog-footer{padding:0 17px 17px}.api-key-card,.options-panel{padding:15px}.char-toolbar{gap:10px}.char-title{font-size:18px}.char-toolbar-actions{flex-wrap:wrap}.wanderer-layout{gap:16px}.wanderer-sidebar{width:100%}.metric-summary{gap:16px;padding:15px}.metric-summary strong{font-size:19px}#coffee-float{bottom:8px;right:8px}.char-tab-content{min-height:180px}}
@media(max-width:370px){.home-aside{grid-template-columns:1fr}.char-overview-panel{padding:12px;grid-template-columns:72px minmax(0,1fr);gap:12px}.char-detail-image-col,.char-detail-img-wrap{width:72px}.char-detail-name{font-size:22px}.char-detail-power-val{font-size:19px}.char-detail-meta{gap:3px 7px}.char-quick-actions>*{font-size:10px}.data-grid{grid-template-columns:1fr}.equip-slot-grid{gap:3px;padding:6px}.equip-slot small{font-size:9px}.equip-slot{padding:5px 1px;min-height:76px}.view-switch{margin-left:0}.info-panel-head .info-note{width:100%;margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.page-character{width:100%;max-width:none;margin:0;padding:0}.char-search-outer{border:0;background:transparent;padding:0;box-shadow:none;margin-bottom:16px}#header-search-input{width:100%;height:38px;padding:8px 10px;font-size:14px;min-width:0}@media(max-width:980px){#header-search-input{font-size:16px}body>header nav{left:0;transform:none}}

.explore-form{display:flex;gap:16px;align-items:end;flex-wrap:wrap;padding:22px;background:var(--bg-card);border:1px solid var(--border);border-top:3px solid var(--accent);margin:24px 0}.explore-form>label{flex:1;min-width:140px}.explore-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--text-dim)}.explore-form input,.explore-form select{width:100%;min-width:0;font-size:16px;min-height:43px;color:var(--text)}.explore-form button{min-height:43px;font-size:14px}.explore-form .btn-submit{background:var(--accent);color:var(--text-inverse,#fff);border-color:var(--accent)}.compare-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare-inputs{display:grid;grid-template-columns:1fr 1fr;gap:15px;min-width:0}.form-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px}.comparison-profiles{display:grid;grid-template-columns:1fr 1fr;gap:20px}.comparison-profile{display:flex;align-items:center;gap:20px;padding:20px;border:1px solid var(--border);background:var(--bg-card);min-width:0}.compare-portrait{width:100px;height:100px;object-fit:contain;image-rendering:pixelated;background:var(--bg-warm)}.comparison-profile h2{font-size:23px;margin:6px 0}.comparison-profile h2 a{color:var(--text);text-decoration:none}.comparison-profile small,.comparison-profile p{font-size:13px;color:var(--text-dim)}.comparison-table{border-collapse:collapse;table-layout:fixed;width:100%;font-variant-numeric:tabular-nums;font-size:14px}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--border);padding:13px 20px;text-align:center;overflow-wrap:anywhere}.comparison-table thead{background:var(--bg-warm)}.comparison-table th{font-weight:500;font-size:12px;color:var(--text-dim)}.comparison-table th:nth-child(2){width:29%}.comparison-table tr.is-different td{background:var(--bg-warm);color:var(--accent);font-weight:600}.comparison-equipment section{border-bottom:1px solid var(--border)}.comparison-equipment h3{font-size:12px;font-weight:500;color:var(--text-dim);padding:10px 20px;background:var(--bg-warm)}.comparison-equipment section>div{display:grid;grid-template-columns:1fr 1fr}.comparison-equipment article{padding:18px 20px;min-width:0;font-size:14px;overflow-wrap:anywhere}.comparison-equipment article+article{border-left:1px solid var(--border)}.comparison-equipment img{float:left;margin:0 12px 8px 0}.comparison-equipment strong{display:block;margin-bottom:8px;line-height:1.7}.comparison-equipment small{display:block;color:var(--text-dim);font-size:12px;line-height:1.8}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;padding:20px;font-size:14px}.pagination button{min-height:40px}.scheduler-list{list-style:none;margin:0;padding:0 20px}.scheduler-list li{display:flex;gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid var(--border);font-size:14px}.scheduler-list li:last-child{border:0}.scheduler-list strong{font-weight:500}.scheduler-list small{display:block;font-size:12px;color:var(--text-dim)}.state-mark{padding:4px 7px;flex-shrink:0;border:1px solid var(--border);font-size:11px;color:var(--text-dim)}.state-mark.complete{color:var(--accent);border-color:var(--accent);background:var(--bg-warm)}.schedule-count{margin-left:auto;white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums}#scheduler-form{border:0;border-top:1px solid var(--border);margin:0}#scheduler-form>label:nth-child(2){flex:2}.char-card-menu a.char-card-menu-btn{display:block;text-decoration:none;text-align:left}.page-explore .page-desc{max-width:800px}.data-tile summary{cursor:pointer;line-height:1.8}.data-tile summary .data-icon{vertical-align:middle}.data-tile details{font-size:12px;margin-top:10px}.info-panel-head{flex-wrap:wrap}
@media(max-width:980px){.compare-inputs{grid-template-columns:1fr}.comparison-profile{gap:12px}.compare-portrait{width:75px;height:90px}.comparison-profile h2{font-size:20px}}
@media(max-width:700px){.explore-form{padding:16px;gap:13px;margin:20px 0}.explore-form>label{min-width:110px}.explore-form button{font-size:13px}.compare-form{gap:14px}.compare-inputs{gap:12px}.explore-form label{font-size:12px}.comparison-profiles{gap:10px}.comparison-profile{display:block;padding:14px}.compare-portrait{width:65px;height:70px;float:right;margin-left:4px}.comparison-profile h2{font-size:17px;overflow-wrap:anywhere;clear:both;padding-top:9px}.comparison-profile small,.comparison-profile p{font-size:11px}.comparison-table{font-size:13px}.comparison-table th,.comparison-table td{padding:10px 7px}.comparison-table th{font-size:11px}.comparison-equipment article{padding:12px;font-size:12px}.comparison-equipment img{float:none;display:block;margin:0 0 8px}.comparison-equipment small{font-size:11px}.scheduler-list{padding:0 14px}.scheduler-list li{font-size:13px;gap:9px}.state-mark{font-size:10px;padding:3px 5px}.schedule-count{font-size:11px}.form-actions{gap:7px}.form-actions button{flex:1}.comparison-profile>div{min-width:0}.page-explore .table-scroll>.plain-table{min-width:500px}}
@media(max-width:370px){.compare-form{grid-template-columns:1fr}.compare-inputs+.compare-inputs{padding-top:15px;border-top:1px solid var(--border)}.form-actions{flex-direction:column}.explore-form{padding:13px}.comparison-profile{padding:10px}.comparison-profile small{font-size:10px}.comparison-equipment article{padding:10px}.schedule-count{white-space:normal}}
#char-detail-tabs-section{min-width:0;background:transparent;border:0;box-shadow:none;padding:0}#char-overview-extra:empty{display:none}.char-meta-item{background:transparent}.char-overview-panel>.motion-details{margin-bottom:0}#char-add-myroom{margin-top:14px!important}.char-quick-actions{margin-top:9px}.char-date-form{margin-top:12px}.char-stamp{margin-bottom:0}
.remember-keys{display:flex;gap:8px;align-items:center;font-size:13px;margin-top:13px}.remember-keys input{min-height:0}.remember-keys+.info-footnote{padding:8px 0;font-size:12px}
@media(max-width:980px){#coffee-float{position:relative!important;bottom:auto!important;right:auto!important;margin:0 16px 18px;width:fit-content;z-index:1}}
@media(max-width:370px){.char-overview-panel .char-date-form{display:grid;grid-template-columns:1fr 1fr}.char-date-form label,.char-date-form input{grid-column:1/-1}.char-date-form input{width:100%;min-height:38px}.char-date-form button{width:100%;min-height:34px}}
#account-card-menu{position:fixed;inset:0;width:min(300px,calc(100% - 32px));height:fit-content;max-height:calc(100vh - 40px);margin:auto;padding:46px 20px 20px;overflow:auto;display:block;border:1px solid var(--border);border-top:3px solid var(--accent);background:var(--bg-card);color:var(--text);border-radius:4px}#account-card-menu::backdrop{background:#101a12a8}#account-card-menu .char-card-menu-btn{height:auto;min-height:40px;line-height:1.5;font-size:13px;padding:8px 12px;text-align:left;border-radius:3px}#account-card-menu .char-card-menu-close{top:10px;right:13px;width:28px;height:28px;min-height:28px;font-size:22px;background:transparent;color:var(--text)}
@media(max-width:700px){#char-overview-actions,.char-overview-panel>.motion-details{grid-column:1/-1}.char-overview-panel{gap:12px}.char-overview-panel>.motion-details{margin-top:0}.char-quick-actions{display:inline-flex;vertical-align:middle;margin-top:0}#char-add-myroom{margin:0 4px 0 0!important;display:inline-block;vertical-align:middle}.char-date-form{margin-top:12px}.char-date-form label{width:auto}.char-date-form input{flex:1;min-width:100px;width:auto;font-size:14px}.char-stamp{font-size:10px}.char-stamp br{display:none}.char-stamp br:after{content:' · '}.char-overview-panel{padding-bottom:12px}.char-quick-actions>*{min-height:32px}.char-detail-meta{display:block}.char-meta-item{display:inline-block;margin-right:9px}.char-detail-image-col,.char-detail-img-wrap{height:136px}.char-detail-img-wrap{min-height:136px}#char-add-myroom{font-size:10px!important}.char-quick-actions{gap:4px}.char-quick-actions>*{padding:4px 6px;font-size:10px}}


/* UI audit: keep native controls and legacy tools out of text-field sizing. */
:root { --on-accent: #fff; }
html[data-theme="dark"] { --on-accent: #17251c; }
button:hover, button:active, .btn-pill:hover { transform: none; }
.btn-pill { height: auto; margin: 0; line-height: 1.5; }
input[type="checkbox"], input[type="radio"] {
  width: 16px; height: 16px; min-height: 0; padding: 0; margin: 0;
  flex-shrink: 0; vertical-align: middle; accent-color: var(--accent);
}
input[type="range"] { min-width: 0; min-height: 0; height: 24px; padding: 0; margin: 0; border: 0; background: transparent; accent-color: var(--accent); }
input[type="color"] { width: 36px; height: 32px; min-height: 0; padding: 2px; }
input[type="file"] { min-width: 0; max-width: 100%; min-height: 0; padding: 0; font-size: 13px; }
select { background-repeat: no-repeat; background-position: right 12px center; background-size: 10px 10px; padding-right: 32px; }
.toggle-switch { flex-shrink: 0; }
.toggle-switch input { position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0; margin: 0; padding: 0; opacity: 0; cursor: pointer; }
.toggle-switch input:focus-visible + .toggle-slider { outline: 2px solid var(--accent); outline-offset: 4px; }
#submitApiKeys, .large-search button, .explore-form .btn-submit { color: var(--on-accent); }
.header-actions button { color: var(--text); }
.header-actions button.bgm-playing, .header-actions button.is-admin { background: var(--accent); color: var(--on-accent); }
.header-actions button:focus-visible { outline: 2px solid var(--accent); }

/* Page gutters belong to #app, not to each old page template. */
.page-account, .page-myroom, .page-plaza, .page-backtowork { width: 100%; max-width: none; margin: 0; padding: 0; }
.api-key-row { display: flex; gap: 8px; align-items: center; }
.api-key-input { min-width: 0; }
.add-api-key, .remove-api-key { flex: 0 0 36px; width: 36px; height: 36px; min-height: 36px; margin: 0; padding: 0; }
.filter-options { align-items: center; }
.filter-options input:not([type="checkbox"]) { min-width: 0; max-width: 100%; flex: 1 1 120px; }
.char-toolbar-actions { flex-wrap: wrap; }
.char-toolbar select { min-width: 0; max-width: 100%; }
#account-card-menu .plaza-consent-row { color: var(--text-dim); line-height: 1.6; }
#account-card-menu .plaza-consent-row input { margin-right: 7px; }

/* Content buttons grow with their text instead of inheriting a 36px height. */
.equip-list-row { height: auto; margin: 0; }
.equip-slot { display: flex; flex-direction: column; justify-content: center; gap: 3px; height: auto; margin: 0; }
.equip-slot small { line-height: 1.5; overflow-wrap: anywhere; }
.char-stat-tier-label { font-size: 13px; color: var(--text-dim); }
.char-skill-grade-row { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.char-skill-grade-row label { font-size: 14px; }
.info-controls > label { flex-wrap: wrap; }
.info-controls select { min-width: 0; }
.char-quick-actions > * { display: inline-flex; align-items: center; justify-content: center; font-size: 13px; min-height: 38px; padding: 7px 10px; }
#char-add-myroom { font-size: 13px !important; min-height: 38px; padding: 7px 10px; }
.char-date-form button { min-height: 38px; }
.char-date-form input { min-height: 38px; }

/* Fixed panels share their colors, close-button geometry and scrolling. */
.admin-panel, .bgm-panel { border: 1px solid var(--border); }
.admin-panel-header, .bgm-panel-header { background: var(--bg-warm); color: var(--text); border-bottom: 1px solid var(--border); min-height: 56px; padding: 8px 12px; font-size: 15px; }
.admin-modal-close, .bgm-panel-header .admin-modal-close { width: 36px; height: 36px; min-height: 36px; flex: 0 0 36px; margin: 0; padding: 0; color: var(--text); font-size: 24px; }
.admin-panel-body { min-height: 0; }
.bgm-mode-btn { min-height: 34px; font-size: 12px; }
.bgm-ctrl-btn { width: 40px; min-height: 40px; padding: 0; }
.bgm-mode-btn.bgm-mode-active, .bgm-track-item.bgm-track-active { background: var(--accent); color: var(--on-accent); }
.bgm-section-toggle, .bgm-track-item, .bgm-playlist-item { display: block; width: 100%; height: auto; min-height: 36px; margin: 0; padding: 8px; font-size: 13px; line-height: 1.5; text-align: left; }
.bgm-section-toggle { margin-top: 8px; background: var(--bg-warm); border: 1px solid var(--border); }
.bgm-track-item, .bgm-playlist-item { border: 0; white-space: normal; overflow-wrap: anywhere; }
.bgm-volume-row { gap: 10px; font-size: 12px; }
.bgm-time { font-size: 12px; }
.bgm-custom-row input { min-width: 0; }

/* Dismiss is a separate control, never an overlapping badge. */
#coffee-float { display: flex; align-items: center; gap: 4px; }
#coffee-float .coffee-float-dismiss { position: static; width: 32px; height: 36px; min-height: 36px; margin: 0; padding: 0; border-radius: 3px; font-size: 20px; background: var(--bg-card); color: var(--text-dim); border: 1px solid var(--border); }
.coffee-qr-box { width: min(340px, 100%); max-width: 100%; max-height: calc(100dvh - 32px); overflow: auto; padding: 24px; }
.coffee-qr-desktop img { display: block; max-width: 100%; height: auto; margin: auto; }
.coffee-qr-box .coffee-qr-golink { color: #282515 !important; }

/* Canvas controls stay compact while remaining usable on touch screens. */
.btw-stepper { gap: 6px; }
.btw-step-btn { width: 34px; height: 34px; min-height: 34px; padding: 0; }
input.btw-step-val[type="number"] { width: 64px; height: 34px; min-height: 34px; padding: 0 6px; font-size: 13px; }
.btw-search { margin: 0; }
.btw-search input { min-width: 0; }
.btw-quick-row { flex-wrap: wrap; gap: 10px; }
.plaza-toolbar { flex-wrap: wrap; gap: 8px; }
@media (max-width: 700px) {
  .page-account, .page-myroom, .page-plaza, .page-backtowork { padding: 0; }
  .char-overview-panel .char-quick-actions { display: flex; margin-top: 8px; gap: 6px; }
  .char-overview-panel .char-quick-actions > * { font-size: 12px; min-height: 38px; padding: 6px 9px; }
  #char-add-myroom { font-size: 12px !important; min-height: 38px; }
  .char-overview-panel .char-date-form { display: grid; grid-template-columns: 1fr 1fr; }
  .char-date-form label, .char-date-form input { grid-column: 1 / -1; }
  .char-date-form input { width: 100%; min-height: 40px; }
  .char-date-form button { width: 100%; min-height: 38px; }
  .char-toolbar { align-items: stretch; flex-direction: column; }
  .char-toolbar-actions { gap: 8px; }
  .filter-options input:not([type="checkbox"]) { flex-basis: 100px; }
  .api-key-card, .options-panel { padding: 16px; }
  .equip-slot { min-height: 104px; }
  .char-skill-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .settings-row { gap: 14px; }
  .btw-search { flex-wrap: wrap; }
  .btw-search input { flex: 1 1 160px; }
}
@media (max-width: 370px) {
  .equip-slot-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .equip-slot { min-height: 100px; }
  .equip-slot .equip-stars { font-size: 10px; }
  .char-skill-grid { grid-template-columns: 1fr; }
}

.canvas-speech-btn, .char-anim-speed-reset { width: 34px; height: 34px; min-height: 34px; padding: 0; flex: 0 0 34px; }
.char-anim-speed { gap: 8px; flex-wrap: wrap; }
.char-anim-speed-range { flex: 1 1 70px; min-width: 0; }
.char-anim-export-main { height: auto; min-height: 36px; padding: 7px 10px; font-size: 12px; }
.char-anim-export-toggle { width: 34px; height: auto; min-height: 36px; flex: 0 0 34px; }
.char-anim-export-menu { max-width: 100%; }
.char-tab { height: auto; min-width: 44px; flex: 0 0 auto; }
.fortune-card-text { font-size: 13px; line-height: 1.65; }
.fortune-card-header { flex-wrap: wrap; font-size: 13px; }
.fortune-card { min-width: 0; }
.data-tile > .effect-list { padding: 8px 0 0; grid-template-columns: 1fr; font-size: 12px; word-break: keep-all; overflow-wrap: anywhere; }
.artifact-expiry { word-break: keep-all; overflow-wrap: anywhere; }
#apex-chart .apexcharts-datalabels text, #apex-chart .apexcharts-datalabels tspan { fill: var(--on-accent) !important; stroke: none; }
#chart-view { max-height: min(72vh, 760px); overflow: auto; border: 1px solid var(--border); background: var(--bg-card); }
.character-level { color: var(--danger); }
.btw-flip-btn.btw-flip-active { color: var(--on-accent) !important; }
.btw-controls { flex-basis: 245px; min-width: 0; }
.btw-canvas-wrap { min-width: 0; }
@media (max-width: 640px) { .btw-controls { flex-basis: auto; width: 100%; } }

.char-anim-select { font-size: 13px; }
.char-anim-speed-label, .char-anim-speed-val { font-size: 12px; }
.char-anim-export-main, .char-anim-export-toggle { color: var(--on-accent); }
.myroom-search, .btw-search { align-items: center; }
.myroom-search button, .btw-search button { height: 42px; min-height: 42px; }
#account-card-menu .char-card-menu-btn:hover { color: var(--on-accent); }
.explore-form > label:has(input[type="date"]) { min-width: 180px; }
.form-actions button { height: auto; word-break: keep-all; }
.table-scroll-hint { display: none; padding: 10px 16px; margin: 0; font-size: 12px; color: var(--text-dim); border-bottom: 1px solid var(--border); }
.table-scroll:focus-visible, #chart-view:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
@media (max-width: 980px) { .table-scroll-hint { display: block; } }
@media (max-width: 520px) {
  .compare-form { grid-template-columns: 1fr; }
  .compare-inputs + .compare-inputs { padding-top: 15px; border-top: 1px solid var(--border); }
}

.coffee-qr-desktop img { margin: 0 auto 16px; }