/* Warm minimal UI foundations. Layout and existing interaction selectors are preserved. */
:root {
  color-scheme: light;
  --bg: #F7F4EF;
  --panel: #FFFEFC;
  --surface: #F0EBE3;
  --line: #DED5CA;
  --ink: #302923;
  --muted: #6F6258;
  --accent: #76533F;
  --accent-hover: #64432F;
  --focus: #8D4E35;
  --accent-soft: #EEE5DC;
  --control-line: #97816F;
  --paper: var(--panel);
  --dark: var(--ink);
  --control: var(--panel);
  --page-image: none;
  --glass: rgb(255 254 252 / 88%);
  --radius-control: 12px;
  --radius-card: 18px;
  --radius-dialog: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --shadow-card: 0 6px 24px rgb(64 43 30 / 5%);
  --shadow-dialog: 0 20px 72px rgb(64 43 30 / 17%);
  --font-ui: 'Segoe UI', 'Meiryo', 'Hiragino Kaku Gothic ProN', system-ui, sans-serif;
  --font-display: 'Yu Mincho', 'Hiragino Mincho ProN', 'YuMincho', serif;
}

body{background:radial-gradient(ellipse at 90% 0,#402b1e25,transparent 50%),var(--bg);font-family:"Yu Gothic UI","Meiryo",sans-serif;font-size:14px;line-height:1.7}header,main,footer{max-width:1400px}header{padding:24px 6%;border-bottom:0}.brand{font-size:21px;letter-spacing:.06em}.brand span{font-size:8px;letter-spacing:.2em;margin-top:4px}.edition{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--ink);letter-spacing:.12em}.edition i{width:5px;height:5px;border-radius:50%;background:var(--accent)}.edition small{font-size:9px;color:var(--muted);border-left:1px solid var(--line);padding-left:12px;letter-spacing:0}main{padding:0 6%}.hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:40px;padding:50px 0 54px;overflow:visible}.hero h1{font-family:"Yu Mincho","YuMincho","MS PMincho",serif;font-size:clamp(34px,4.4vw,64px);font-weight:500;letter-spacing:-.025em;line-height:1.45;margin:22px 0}.hero em{color:var(--ink)}.eyebrow{font-size:9px;letter-spacing:.16em}.hero .eyebrow{display:flex;align-items:center;gap:12px}.tiny-rule{width:26px;height:1px;background:var(--accent)}.hero p{font-size:12px;line-height:2;color:var(--muted);margin:20px 0 10px}.text-link{font-size:12px;gap:42px;margin-top:8px;border-color:var(--control-line)}.text-link span{font-size:20px;color:var(--accent)}.journal-visual{position:relative;max-width:340px;width:90%;justify-self:center;padding:20px 0 38px;perspective:700px}.journal-back{position:absolute;inset:22px 2px 35px 7px;background:var(--accent);border:1px solid var(--control-line);transform:rotate(8deg);box-shadow:0 25px 35px #402b1e44}.journal-front{position:relative;transform:rotate(-5deg);background:var(--paper);color:var(--muted);padding:25px 26px 18px;box-shadow:2px 4px 2px #402b1e55,0 30px 60px #402b1e33;border-left:6px solid var(--line)}.journal-line{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:8px;letter-spacing:.1em}.journal-title{font-family:"Yu Mincho","YuMincho",serif;font-size:28px;line-height:1.65;margin:24px 0 8px;letter-spacing:.02em}.journal-front svg{width:100%;height:90px;color:var(--muted);margin:0 0 15px}.journal-foot{border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.04em}.visual-caption{position:absolute;bottom:0;right:0;font-size:9px;color:var(--muted);letter-spacing:.08em}.draw-panel{display:grid;grid-template-columns:1fr auto;position:relative;align-items:center;text-align:left;padding:24px 26px;margin:0 0 44px;background:var(--accent);border:1px solid var(--control-line);border-radius:0;column-gap:30px}.draw-panel>.eyebrow{grid-column:1;font-size:8px;color:var(--accent)}.draw-panel h2{grid-column:1;font-size:20px;font-weight:500;margin:4px 0}.draw-panel #draw-hint{grid-column:1;font-size:11px;color:var(--muted);margin:4px 0}.draw-panel .primary{grid-column:2;grid-row:1/4;width:260px;min-height:58px;background:var(--paper);color:var(--dark);border-color:var(--paper);border-radius:0;font-size:14px;font-weight:500;padding:12px 22px}.draw-panel .hint{grid-column:1/-1;font-size:10px;margin:10px 0 0;padding-top:12px;border-top:1px solid #fffefc13}.workspace{padding-top:0;border-top:0}.section-head{margin-bottom:22px;align-items:end}.section-head h2{font-size:24px;font-weight:500;margin:6px 0 0}.count{font-size:11px;color:var(--muted);background:var(--accent);padding:8px 12px;border-radius:2px}.workspace-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:34px}.configuration{padding:20px;background:var(--surface);border-top:2px solid var(--control-line);align-self:start}.config-label{font-size:12px;color:var(--ink);padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:16px}.filters{display:flex;flex-direction:column;gap:16px}label{font-size:11px;color:var(--muted)}select,input{background:var(--accent);border-color:var(--control-line);border-radius:2px;font-size:13px;padding:10px 12px}.hint{font-size:10px;line-height:1.9}.configuration>.hint{margin:16px 0 20px}.sets{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line);margin:0}.set{border:0;border-bottom:1px solid var(--line);background:transparent;padding:12px 0;border-radius:0}.set-name{font-size:11px;letter-spacing:.03em;margin-bottom:4px}.set-info{font-size:9px;min-height:16px}.set-actions{margin-top:8px;gap:8px}.set-actions button{font-size:10px;min-height:44px;padding:8px;border-radius:2px}.status{font-size:10px;min-height:0;margin:12px 0 0}.status:empty{display:none}.warning{font-size:11px}.selection{min-width:0}.list-toolbar{gap:12px;align-items:end}.search{max-width:none}.bulk{flex-wrap:nowrap;gap:6px}.bulk button{font-size:10px;white-space:nowrap;padding:10px}.selection #scope{margin:12px 0;font-size:10px}.quest-list{margin:0;max-height:640px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--muted) var(--muted);scrollbar-width:thin;border-bottom:1px solid var(--line)}.quest{position:relative;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;padding:16px 12px 16px 0;align-items:center;transition:background .18s}.quest:hover{background:#402b1e55}.quest-switch{width:44px;min-height:44px;border:0;background:var(--accent);border-radius:2px}.quest-switch:has(input:checked){background:var(--accent)}.quest-switch input{width:18px;height:18px;min-height:18px}.quest h3{font-size:14px;letter-spacing:.02em;font-weight:500}.quest p{font-size:10px;color:var(--muted);margin:4px 0}.quest .unlock{font-size:9px;display:inline-block;margin:6px 10px 0 0;color:var(--muted)}.quest-preview{font-size:10px;border:0;border-bottom:1px solid var(--control-line);min-height:44px;padding:8px 0;margin:0;color:var(--muted);border-radius:0}.quest .tag{font-size:9px;color:var(--muted)}.coverage{margin:24px 0 0;font-size:11px;color:var(--muted)}summary{font-size:11px}.result{padding:60px 0}.result>.section-head{font-size:10px;color:var(--muted)}.request{position:relative;padding:36px 42px;border-radius:0;border-top:0;border-left:7px solid var(--control-line);box-shadow:0 20px 45px #402b1e22}.request h2{font-family:"Yu Mincho","YuMincho",serif;font-weight:500;letter-spacing:.02em}.request-top{font-size:9px}.request .target{font-size:13px}.request dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 20px}.field dt{font-size:10px}.field dd{font-size:12px;line-height:1.8;overflow-wrap:anywhere}.result-actions{margin-top:26px}.result-actions>*{font-size:12px;border-radius:2px}.request .primary{background:var(--accent);color:var(--panel);border-color:var(--control-line)}.guide{max-width:900px;margin:50px auto 0}.guide h3{font-size:22px;font-weight:500}.step{grid-template-columns:150px 1fr;padding:30px 0;gap:30px}.step-title{font-size:19px;color:var(--paper);font-family:"Yu Mincho","YuMincho",serif}.step-title small{font-family:system-ui,sans-serif;font-size:9px;letter-spacing:.18em;color:var(--accent);margin-bottom:8px}.step h4{font-weight:500;font-size:15px}.step p{font-size:13px;color:var(--muted);line-height:2}.guide-note{font-size:11px}footer{margin-top:54px;padding:30px 6%;font-size:10px}.primary:hover{background:var(--surface);color:var(--ink)}button:hover{background:#fffefc08}.draw-panel .primary:hover{background:var(--surface)}.journal-visual{animation:none}
@media(min-width:1500px){.hero{padding:70px 0}.hero h1{font-size:64px}}
@media(max-width:900px){.workspace-layout{grid-template-columns:210px minmax(0,1fr);gap:22px}.configuration{padding:16px}.quest{grid-template-columns:44px minmax(0,1fr)}.quest .tag{grid-column:2;grid-row:auto;margin-top:-8px}.request dl{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:20px}.journal-visual{width:85%}.journal-title{font-size:23px}}
@media(max-width:680px){header{padding:20px 20px}.brand{font-size:18px}.edition{font-size:10px;gap:8px}.edition small{display:none}main{padding:0 20px}.hero{grid-template-columns:1fr;gap:20px;padding:30px 0 38px}.hero h1{font-size:clamp(31px,7.8vw,48px);letter-spacing:-.03em;line-height:1.45;margin:18px 0}.hero p{font-size:11px;margin:16px 0 2px}.hero .eyebrow{font-size:8px}.journal-visual{width:66%;max-width:240px;justify-self:end;margin-top:-68px;margin-right:8px;padding-bottom:28px;z-index:-1;opacity:.7}.journal-front{padding:15px;border-left-width:4px}.journal-line{font-size:6px;padding-bottom:8px}.journal-title{font-size:19px;margin:15px 0}.journal-front svg{height:60px;margin-bottom:8px}.journal-foot{font-size:5px;padding-top:8px}.visual-caption{font-size:8px;display:none}.hero-copy{position:relative;z-index:1}.hero-copy p,.hero-copy .text-link{max-width:64%;text-shadow:0 1px 6px var(--bg)}.draw-panel{grid-template-columns:1fr;padding:20px;margin-bottom:34px;gap:0}.draw-panel h2{font-size:18px}.draw-panel .primary{grid-row:auto;grid-column:1;width:100%;margin-top:14px;min-height:56px;font-size:13px}.draw-panel .hint{font-size:9px;margin-top:14px}.workspace-layout{grid-template-columns:1fr;gap:24px}.configuration{padding:18px}.config-label{font-size:11px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}.filters>label:first-child{grid-column:1/-1}.configuration>.hint{font-size:10px;margin:14px 0 18px}.sets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.set{border-bottom:0;padding-bottom:0}.set-name{font-size:10px}.set-info{min-height:42px;font-size:9px}.set-actions{flex-direction:column;gap:6px}.section-head h2{font-size:22px}.count{font-size:10px;padding:6px 8px}.list-toolbar{flex-direction:column;align-items:stretch;gap:12px}.bulk{display:flex}.bulk button{flex:1}.quest-list{max-height:550px}.quest{gap:12px;padding:16px 0}.quest .tag{font-size:9px}.quest h3{font-size:13px}.quest p{font-size:10px}.quest-switch{width:44px}.quest-preview{font-size:10px}.coverage{margin-top:18px}.result{padding:40px 0}.request{padding:22px 18px;border-left-width:4px}.request h2{font-size:26px;margin:22px 0 10px}.request dl{grid-template-columns:1fr}.request-top{font-size:8px;letter-spacing:.07em;gap:12px}.field dd{font-size:12px}.result-actions{gap:8px}.guide{margin-top:32px}.guide h3{font-size:19px}.step{grid-template-columns:1fr;gap:18px;padding:24px 0}.step-title{font-size:18px}.step-title small{display:inline-block;margin:0 12px 0 0}.step p{font-size:12px;line-height:2}.step h4{font-size:14px}.guide-note{font-size:10px}footer{padding:24px 20px;margin-top:28px;gap:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Readable working controls; small type is reserved for decorative captions. */
label,.config-label,.set-name,.set-actions button,.bulk button,.quest-preview,.count{font-size:12px}.set-info,.hint,.selection #scope,.quest p,.quest .unlock,.quest .tag,.coverage,summary,.status,.guide-note{font-size:11px}.quest h3{font-size:15px}.step p{font-size:14px}.field dd{font-size:14px}.field dt{font-size:11px}.draw-panel #draw-hint{font-size:12px}.draw-panel .hint{font-size:11px}.request .target{font-size:15px}.result-actions>*{font-size:13px}
@media(max-width:680px){.journal-visual{display:none}.hero{padding:30px 0 32px}.hero-copy p,.hero-copy .text-link{max-width:none}.hero p{font-size:12px}.sets{gap:8px}.set-name,.set-info{font-size:10px}.set-actions button{font-size:11px}.quest h3{font-size:14px}.quest p,.quest .unlock,.quest .tag,.selection #scope{font-size:11px}.step p{font-size:14px}.configuration>.hint{font-size:11px}.draw-panel .hint{font-size:10px}.request dl{margin:20px 0}}

/* Original hunter camp illustration. */
.camp-visual{width:125%;max-width:560px;justify-self:center;position:relative;pointer-events:none}.camp-visual img{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 25px #402b1e33)}
@media(max-width:900px) and (min-width:681px){.camp-visual{width:120%}}
@media(max-width:680px){.hero{gap:0;padding-bottom:24px}.camp-visual{width:90%;max-width:350px;justify-self:end;margin-top:4px}.camp-visual img{filter:none}}

/* Typography: expressive headline, clear working text. */
body{font-family:var(--font-ui);font-weight:400}button,input,select{font-family:var(--font-ui)}.hero h1{font-family:var(--font-display);font-weight:500}.section-head h2,.draw-panel h2,.guide h3,.request h2{font-family:var(--font-ui);font-weight:600;letter-spacing:.025em}.brand{font-weight:650;letter-spacing:.06em}.quest h3{font-family:var(--font-ui);font-weight:600;font-size:16px;line-height:1.65;letter-spacing:.015em}.quest p,.quest .unlock,.quest .tag,.hint,.selection #scope,.coverage,summary,.guide-note,.status{font-size:12px;line-height:1.85}.set-info{font-size:11px;line-height:1.8}.set-name,.config-label{font-weight:600}.count,.field dd,.set-info{font-variant-numeric:tabular-nums}.quest-preview,.bulk button,.set-actions button{font-size:12px}.draw-panel .primary,.result-actions button{font-weight:600}.field dt{font-size:12px;font-weight:500}.field dd{font-size:14px;line-height:1.9}.step h4{font-family:var(--font-ui);font-weight:600;font-size:16px;line-height:1.7}.step-title{font-family:var(--font-ui);font-weight:600}.step p{font-size:14px;line-height:2}.hero p{font-size:13px;line-height:2}.hero .text-link{font-size:13px}.request-top,.eyebrow{font-family:var(--font-ui)}
@media(max-width:680px){.quest h3{font-size:15px}.configuration>.hint,.selection #scope,.quest p,.quest .unlock,.quest .tag{font-size:12px}.set-name{font-size:11px}.set-info{font-size:11px;min-height:60px;overflow-wrap:anywhere}.set-actions button{font-size:12px;padding:8px 4px}.step h4{font-size:15px}.draw-panel .hint{font-size:11px}.guide-note{font-size:12px}.hero p{font-size:13px}}

/* English names are supporting captions beneath Japanese names. */
.quest .name-en,.name-en{font-family:var(--font-ui);font-size:12px;font-weight:400;line-height:1.6;letter-spacing:.035em;color:var(--muted);margin:2px 0 7px;overflow-wrap:anywhere}.quest .monster-en,.monster-en{font-family:var(--font-ui);font-size:11px;line-height:1.6;letter-spacing:.035em;color:var(--muted);margin:2px 0 6px;overflow-wrap:anywhere}.request #result-title{margin-bottom:6px}.request .name-en{font-size:15px;color:var(--muted);margin:0 0 20px}.request .target{margin-bottom:0}.request .monster-en{color:var(--muted);font-size:12px}.request dd .monster-en{margin-bottom:0}.guide h3{margin-bottom:4px}.guide>.monster-en{margin-bottom:16px}
@media(max-width:680px){.quest .name-en{font-size:12px}.request .name-en{font-size:13px}.quest .monster-en{font-size:11px}}

/* Palette:charcoal base, linen text, sage action; amber stays in the camp. */
body{background:radial-gradient(ellipse at 85% 0,#402b1e20,transparent 45%),var(--bg);color:var(--ink)}header{padding-top:26px;padding-bottom:26px}.brand{color:var(--ink)}.edition i,.tiny-rule{background:var(--accent)}.hero .text-link{border-color:var(--control-line)}.hero p{color:var(--muted)}button,input,select,.result-actions a{border-radius:8px}button{border-color:var(--control-line);transition:background .16s,border-color .16s,box-shadow .16s}button:hover{background:var(--accent);color:var(--ink);border-color:var(--control-line)}button:active{background:var(--accent)}input,select{background:var(--control);border-color:var(--control-line);color:var(--ink);padding:12px 14px}input::placeholder{color:var(--muted)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:4px}button:disabled{opacity:.5}.draw-panel{border:1px solid var(--control-line);border-radius:16px;background:linear-gradient(115deg,var(--accent),var(--accent));padding:28px 30px;box-shadow:0 12px 30px #402b1e12}.draw-panel .primary{border-radius:10px;background:var(--accent);border-color:var(--accent);color:var(--ink);box-shadow:0 3px 8px #402b1e22}.draw-panel .primary:hover,.primary:hover{background:var(--surface);border-color:var(--line);color:var(--ink)}.draw-panel .eyebrow{color:var(--muted)}.draw-panel .hint{border-color:#402b1e55;color:var(--muted)}.count{color:var(--muted);background:var(--accent);border:1px solid var(--control-line);border-radius:20px;padding:7px 13px}.configuration{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px}.config-label{border-color:var(--line)}.set-info{color:var(--muted)}.set-actions button{border-radius:7px}.set-actions{gap:8px}.list-toolbar .bulk button{border-radius:8px}.quest-list{border:1px solid var(--line);border-radius:12px;background:var(--accent)}.quest{padding:18px 16px;border-top-color:var(--control-line);gap:16px}.quest:first-child{border-top:0}.quest:hover{background:var(--accent)}.quest:has(input:checked){box-shadow:inset 3px 0 rgb(64 43 30 / 6%)}.quest-switch{border-radius:8px;background:var(--accent);border:1px solid var(--control-line);min-height:44px}.quest-switch:has(input:checked){background:var(--accent);border-color:var(--control-line)}.quest-switch input{accent-color:var(--accent)}.quest .name-en,.name-en{color:var(--muted)}.quest p,.quest .monster-en,.monster-en,.quest .tag,.quest .unlock{color:var(--muted)}.quest-preview{color:var(--muted);background:transparent;border-bottom-color:var(--control-line);border-radius:0}.quest-preview:hover{background:transparent;color:var(--muted)}.quest.unavailable{opacity:.65}.coverage{border-color:var(--line);color:var(--muted)}.request{background:var(--paper);color:var(--dark);border:1px solid var(--line);border-left:5px solid var(--control-line);border-radius:14px;box-shadow:0 18px 40px #402b1e22;padding:36px 38px}.request-top,.field{border-color:var(--line)}.field dt,.request .name-en,.request .monster-en{color:var(--muted)}.request .primary{background:var(--accent);color:var(--panel);border-color:var(--accent)}.request .primary:hover{background:var(--accent);color:var(--panel)}.request .result-actions button:not(.primary),.request .result-actions a{background:transparent;color:var(--accent);border-color:var(--control-line)}.request .result-actions button:not(.primary):hover,.request .result-actions a:hover{background:var(--surface)}.request button:focus-visible,.request a:focus-visible,.request h2:focus{outline:2px solid var(--focus);outline-offset:5px}.guide{padding:0 4px}.step{border-color:var(--line)}.step p{color:var(--muted)}.step-title{color:var(--muted)}.step-title small{color:var(--accent)}.guide-note{color:var(--muted)}.book-pages{background:var(--paper);color:var(--accent)}dialog{border-radius:14px;background:var(--accent);border-color:var(--control-line)}footer{color:var(--muted);border-color:var(--line)}
@media(max-width:680px){header{padding:20px}.draw-panel{padding:22px;border-radius:14px}.configuration{padding:18px}.quest{padding:16px 12px;gap:12px}.request{padding:24px 18px;border-radius:12px}.sets{display:flex;gap:0}.set{display:grid;grid-template-columns:minmax(0,1fr) 136px;gap:4px 12px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center}.set-name{grid-column:1;grid-row:1;margin:0;font-size:12px}.set-info{grid-column:1;grid-row:2;min-height:0;font-size:11px}.set-actions{grid-column:2;grid-row:1/3;display:flex;flex-direction:row;margin:0;gap:6px}.set-actions button{padding:8px 5px;font-size:11px}.count{font-size:11px;white-space:normal;text-align:center}.section-head{gap:12px}.quest .tag{margin-top:0}.hero h1{line-height:1.5}.hero p{line-height:1.9}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.request h2:focus{outline:none}.request h2:focus-visible{outline:2px solid var(--focus);outline-offset:5px}

.set-name{display:block}.set-name>span{display:block;margin-bottom:6px}.set-name-input{margin:0 0 6px;font-size:13px;min-height:44px;width:100%}.set-name-input::placeholder{color:var(--muted)}.set-info{display:block}
@media(max-width:680px){.set{grid-template-columns:minmax(0,1fr);gap:4px;padding:16px 0}.set-name{grid-column:1;grid-row:1}.set-info{grid-column:1;grid-row:2}.set-actions{grid-column:1;grid-row:3;margin-top:8px}.set-actions button{font-size:12px}.set-name-input{font-size:14px}}

/* Quest and guide stay together in a dismissible reading panel. */
body.result-open{overflow:hidden}
#result-shell{width:min(1000px,calc(100% - 48px));max-width:1000px;max-height:calc(100dvh - 48px);padding:24px;background:var(--bg);border:1px solid var(--control-line);overflow-y:auto;overscroll-behavior:contain;color:var(--ink);scroll-behavior:smooth;text-align:left}
#result-shell::backdrop{background:#402b1ecc;backdrop-filter:blur(4px)}
#result-shell .result{padding:8px 0 0}#result-shell .section-head{padding-right:100px}
.close-result{display:block;margin:0 0 12px auto;min-height:44px;padding:8px 16px;background:var(--surface);color:var(--ink)}
.guide-nav{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:24px 0 0;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--accent)}
.guide-nav>span{flex-basis:100%;font-size:15px;font-weight:600}.guide-nav a{flex:1;min-width:130px;min-height:44px;padding:10px 12px;text-align:center;border:1px solid var(--control-line);border-radius:8px;color:var(--ink);text-decoration:none;background:var(--accent)}
#result-shell .guide{max-width:none;margin:24px 0 0;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--accent)}
#result-shell .step{margin-top:20px;padding:24px;border:1px solid var(--control-line);border-radius:12px;background:var(--accent);scroll-margin-top:24px;grid-template-columns:130px minmax(0,1fr);gap:24px}
#result-shell .step-title{color:var(--panel)}#result-shell .step h4:first-child{margin-top:0}
@media(max-width:680px){#result-shell{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:12px}#result-shell .section-head{padding-right:0}#result-shell .guide{padding:16px}#result-shell .step{grid-template-columns:1fr;padding:18px;gap:14px}.guide-nav{padding:16px;gap:8px}.guide-nav a{flex-basis:100%;min-width:0;text-align:left}}
@media(prefers-reduced-motion:reduce){#result-shell{scroll-behavior:auto}}

#result-shell .guide-nav{margin:0 0 24px}.close-result{position:sticky;top:0;z-index:2;box-shadow:0 3px 12px #402b1e33}#result-shell .step:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
#result-shell .step{scroll-margin-top:80px}

/* White theme: preserve the established layout, illustration and typography. */

body{background:var(--bg);color:var(--ink)}
.edition i,.tiny-rule{background:var(--accent)}
.hero .text-link{border-color:var(--line)}.text-link span{color:var(--accent)}
a:hover{color:var(--accent);border-color:var(--accent)}
button{background:var(--panel);border-color:var(--line);color:var(--ink);box-shadow:none}
button:hover{background:var(--bg);color:var(--accent);border-color:var(--accent)}
button:active{background:var(--surface)}
button:disabled{opacity:1;color:var(--muted);background:var(--surface);border-color:var(--line);box-shadow:none}
input,select{background:var(--control);border-color:var(--line);color:var(--ink)}
input::placeholder,.set-name-input::placeholder{color:var(--muted)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
.draw-panel{background:var(--surface);border-color:var(--line);box-shadow:0 4px 18px #402b1e05}
.draw-panel .eyebrow{color:var(--muted)}
.draw-panel .hint{border-color:var(--line);color:var(--muted)}
.primary,.draw-panel .primary,.request .primary{background:var(--accent);border-color:var(--accent);color:var(--panel);box-shadow:0 2px 5px #402b1e14}
.primary:hover,.draw-panel .primary:hover,.request .primary:hover{background:var(--accent);border-color:var(--accent);color:var(--panel)}
.primary:active,.draw-panel .primary:active,.request .primary:active{background:var(--accent);border-color:var(--accent);color:var(--panel)}
.draw-panel .primary:disabled{background:var(--surface);border-color:var(--line);color:var(--muted);box-shadow:none}
.count{background:var(--bg);color:var(--accent);border-color:var(--line)}
.configuration{background:var(--surface);border-color:var(--line)}
.status{color:var(--accent)}.warning{background:var(--bg);color:var(--accent);border-color:var(--accent);border-radius:8px}
.quest-list{background:var(--panel);border-color:var(--line);scrollbar-color:var(--muted) var(--muted)}
.quest{border-top-color:var(--line)}.quest:hover{background:var(--bg)}
.quest:has(input:checked){box-shadow:inset 3px 0 rgb(64 43 30 / 6%)}
.quest-switch{background:var(--bg);border-color:var(--control-line)}
.quest-switch:has(input:checked){background:var(--bg);border-color:var(--accent)}
.quest-switch input{accent-color:var(--focus)}
.quest .name-en,.name-en,.quest p,.quest .monster-en,.monster-en,.quest .tag,.quest .unlock{color:var(--muted)}
.quest-preview{color:var(--accent);background:transparent;border-bottom-color:var(--line)}
.quest-preview:hover{background:transparent;color:var(--accent);border-bottom-color:var(--accent)}
.quest.unavailable{opacity:1}.quest.unavailable .quest-switch{background:var(--surface);border-color:var(--line)}
.request{background:var(--panel);color:var(--ink);border-color:var(--line);border-left-color:var(--accent);box-shadow:0 8px 28px #402b1e08}
.request-top,.field{border-color:var(--line)}
.field dt,.request .name-en,.request .monster-en{color:var(--muted)}
.request .result-actions button:not(.primary),.request .result-actions a{background:var(--panel);color:var(--accent);border-color:var(--line)}
.request .result-actions button:not(.primary):hover,.request .result-actions a:hover{background:var(--bg);border-color:var(--accent);color:var(--accent)}
.request button:focus-visible,.request a:focus-visible,.request h2:focus-visible{outline:2px solid var(--focus);outline-offset:5px}
.step p{color:var(--muted)}.step-title{color:var(--ink)}.step-title small{color:var(--accent)}
dialog{background:var(--panel);color:var(--ink);border-color:var(--line);box-shadow:0 20px 70px #402b1e26}
dialog::backdrop,#result-shell::backdrop{background:#402b1e66;backdrop-filter:blur(5px)}
.book-pages{background:var(--bg);color:var(--ink);box-shadow:0 8px 30px #402b1e12}.book-pages span+span{border-left-color:var(--line)}
#result-shell{background:var(--bg);border-color:var(--line)}
.close-result{background:var(--panel);color:var(--ink);box-shadow:0 3px 12px #402b1e10}
.guide-nav{background:var(--panel);border-color:var(--line)}
.guide-nav a{background:var(--bg);border-color:var(--line);color:var(--accent)}.guide-nav a:hover{background:var(--bg);color:var(--accent);border-color:var(--accent)}
#result-shell .guide{background:var(--panel);border-color:var(--line)}
#result-shell .step{background:var(--bg);border-color:var(--line)}
#result-shell .step-title{color:var(--ink)}
.skip{background:var(--accent);color:var(--panel)}
.camp-visual img{filter:drop-shadow(0 12px 20px #402b1e10)}
@media(max-width:680px){.camp-visual img{filter:none}}

/* Shared introductory band and clearly bounded working areas. */
.hero{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 0 0 100vmax rgb(64 43 30 / 6%);clip-path:inset(0 -100vmax);margin-bottom:32px}
.draw-panel{background:var(--bg);border-color:var(--line);border-top:3px solid var(--accent);box-shadow:0 5px 18px #402b1e0a}
.workspace>.section-head{padding-bottom:18px;border-bottom:1px solid var(--line)}
.configuration{background:var(--bg);border-color:var(--line);box-shadow:0 3px 12px #402b1e08}
.config-label{border-bottom-color:var(--line)}
.set{border-bottom-color:var(--line)}.sets{border-top-color:var(--line)}
.list-toolbar{padding:18px;background:var(--bg);border:1px solid var(--line);border-radius:12px}
.quest-list{border-color:var(--line);box-shadow:0 3px 12px #402b1e08}
.quest{border-top-color:var(--line)}
.quest:has(input:checked){background:var(--bg)}.quest:has(input:checked):hover{background:var(--bg)}
.quest-preview{border:1px solid var(--line);border-radius:7px;background:var(--bg);padding:8px 12px;margin-top:6px}
.quest-preview:hover{background:var(--surface);border-color:var(--accent)}
.coverage{border-color:var(--line)}
.request,#result-shell .guide,.guide-nav{border-color:var(--line)}
#result-shell .step{border-color:var(--line);background:var(--bg)}
@media(max-width:680px){.hero{margin-bottom:24px}.list-toolbar{padding:14px}.workspace>.section-head{padding-bottom:14px}}

/* Bulk actions name their target without compressing the search field. */
.list-toolbar{flex-wrap:wrap}.list-toolbar .search{min-width:min(100%,260px)}
.bulk{flex-wrap:wrap}.bulk button{white-space:normal}
#bulk-help{color:var(--muted);margin:12px 0 0}
@media(max-width:680px){.bulk{flex-direction:column}.bulk button{width:100%}}

/* Plain-language operation order; optional tools remain visibly optional. */
.operation-label{display:block;font-size:14px;font-weight:650;letter-spacing:0;color:var(--accent);line-height:1.7;text-align:left}
.draw-panel>.operation-label{grid-column:1;margin-bottom:4px}
.config-label>.operation-label{margin-bottom:8px}
.operation-heading{padding:14px 18px;margin-bottom:12px;border-left:3px solid var(--accent);background:var(--bg);border-radius:0 8px 8px 0}
.operation-heading p,.operation-help{font-size:13px;line-height:1.9;color:var(--muted)}
.operation-heading p{margin:4px 0 0}.operation-help{margin:-6px 0 22px}
.optional-label{font-size:12px;font-weight:600;color:var(--muted);margin:20px 0 10px}
.request>.operation-label{margin:0 0 20px}
@media(max-width:680px){.draw-panel>.operation-label{grid-column:1}.operation-heading{padding:12px 14px}.operation-label{font-size:14px}}
.next-operation{display:inline-flex;align-items:center;min-height:48px;margin-top:14px;padding:10px 16px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--accent);font-size:13px;font-weight:600;text-decoration:none}.next-operation:hover{background:var(--surface);border-color:var(--accent)}

/* Small visual icon with a generous touch target. */
.info-button{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:44px;height:44px;min-height:44px;margin:-8px 0 -8px 4px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--accent);font-size:18px;font-weight:500;line-height:1;box-shadow:none;flex:none}
.info-button:hover{background:var(--surface);color:var(--accent);border:0}
.action-with-info{display:flex;align-items:center;gap:0}.action-with-info>.info-button{margin:0}
#function-info{width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:24px;text-align:left;overflow-y:auto;overscroll-behavior:contain;background:var(--panel);border-color:var(--line);color:var(--ink)}
#function-info h2{font-size:21px;letter-spacing:0;line-height:1.6;margin:8px 0 20px}
.info-language{font-size:11px;font-weight:650;color:var(--muted);letter-spacing:.08em;margin:0 0 6px}
.info-copy{font-size:15px;line-height:1.9;margin:0;overflow-wrap:anywhere}
.info-english{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}
#close-info{display:block;margin:0 0 4px auto;font-size:13px;min-height:44px}
@media(max-width:680px){#function-info{padding:20px}.info-copy{font-size:14px}.action-with-info{width:100%}.action-with-info>button:not(.info-button),.action-with-info>a{flex:1}}
.bulk-help-title{flex-basis:100%;font-size:12px;font-weight:600;color:var(--muted)}
.bulk{max-width:100%}.bulk .info-button{font-size:18px}
body.info-open{overflow:hidden}
.field-heading{display:flex;align-items:center;gap:0;min-height:28px}.field-heading label{flex:1}.field-heading .info-button{margin:-8px 0}
@media(max-width:680px){.filters>.field-control:first-child{grid-column:1/-1}}
/* Result sharing: locally rendered image, no remote assets. */
.share-panel {margin-top:24px;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--bg);color:var(--ink);}
.share-panel[hidden] {display:none;}
.share-panel h3 {margin:0 0 12px;font-size:20px;}
.share-panel p {line-height:1.8;}
#share-canvas {display:block;width:min(100%,324px);height:auto;margin:20px auto;border:1px solid var(--line);border-radius:12px;}
.share-tools {display:flex;flex-wrap:wrap;gap:8px;margin:16px 0;}
.share-tools button,.share-tools a,#share-image {min-height:44px;padding:12px 16px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--accent);font:inherit;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;}
.share-tools [hidden] {display:none;}
.share-panel label {display:block;font-weight:600;margin-top:16px;}
#share-caption {box-sizing:border-box;display:block;width:100%;margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font:inherit;line-height:1.7;resize:vertical;}
#share-status {min-height:1.8em;}
@media(max-width:480px){.share-panel{padding:16px;}.share-tools>*{width:100%;}}
/* Continuous hunt sits alongside the existing single draw. */
.journey{margin:28px auto;padding:32px;max-width:1280px;border:1px solid var(--line);border-radius:20px;background:var(--bg);color:var(--ink);scroll-margin-top:24px;}
.journey p{line-height:1.8;}.journey h3{font-size:22px;margin:20px 0 12px;}.journey h4{font-size:18px;margin:16px 0 6px;}.journey .name-en,.journey .monster-en{color:var(--accent);}
.journey-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;}.journey-card{min-width:0;border:1px solid var(--line);border-radius:16px;padding:24px;background:var(--panel);overflow-wrap:anywhere;}
.journey button,.journey-actions a{min-height:44px;padding:12px 18px;border:1px solid var(--line);border-radius:10px;font:inherit;background:var(--panel);color:var(--accent);cursor:pointer;margin:4px 6px 4px 0;display:inline-flex;align-items:center;text-decoration:none;}
.journey button:disabled{opacity:.55;cursor:not-allowed;}.journey button[id^="journey-choose"],#journey-start,#journey-success,#journey-next,#journey-resume{background:var(--accent);color:var(--panel);border-color:var(--accent);}
.journey-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;}.journey-setup label{display:block;margin:12px 0 6px;}.journey select{display:block;max-width:100%;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:8px;margin-bottom:12px;background:var(--panel);color:var(--ink);font:inherit;}
.journey-progress{border-left:3px solid var(--accent);padding:12px 18px;margin:24px 0;background:var(--surface);}.journey-history{margin-top:24px;border:1px solid var(--control-line);border-radius:16px;background:var(--panel);padding:0 20px;}.journey-history summary{cursor:pointer;min-height:60px;padding:18px 0;font-size:16px;font-weight:650;color:var(--accent);}.journey-history li{padding:8px 0;overflow-wrap:anywhere;}.journey-history[open]{padding-bottom:20px;}.journey-history summary::marker{color:var(--accent);}
#journey-sharing{margin-top:24px;border-top:1px solid var(--line);padding-top:16px;}#journey-canvas{width:min(100%,324px);height:auto;display:block;margin:20px auto;border-radius:12px;}#journey-caption{box-sizing:border-box;width:100%;padding:12px;min-height:130px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:8px;font:inherit;line-height:1.7;}#journey-sharing label{display:block;margin:12px 0;}
.journey [hidden],.action-with-info[hidden]{display:none!important;}.journey :focus-visible{outline:3px solid var(--focus);outline-offset:3px;}
@media(max-width:640px){.journey{padding:20px 16px;margin:20px 0;border-radius:16px;}.journey-cards{grid-template-columns:1fr;}.journey-card{padding:20px;}.journey .section-head{align-items:flex-start;flex-wrap:wrap;gap:12px;}.journey-actions>*{width:100%;justify-content:center;}.journey button{max-width:100%;overflow-wrap:anywhere;}}
.records{margin:28px auto;padding:32px;max-width:1280px;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--ink);}.records p{line-height:1.8;}#records-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0;}#records-groups details{border:1px solid var(--line);border-radius:12px;padding:16px;min-width:0;}#records-groups summary{min-height:44px;cursor:pointer;font-weight:600;}#records-groups ul{list-style:none;padding:0;max-height:400px;overflow:auto;}#records-groups li{display:flex;gap:16px;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line);overflow-wrap:anywhere;}#records-groups strong{white-space:nowrap;}#records-export,#record-clear{min-height:44px;padding:12px 18px;background:var(--panel);color:var(--accent);border:1px solid var(--line);border-radius:10px;font:inherit;cursor:pointer;}#record-clear[hidden]{display:none;}#record-clear:disabled{opacity:.6;cursor:default;}@media(max-width:640px){.records{padding:20px 16px;margin:20px 0;}#records-groups{grid-template-columns:1fr;}}
.records :focus-visible{outline:3px solid var(--focus);outline-offset:3px;}
/* Explicit quest categories, between the two names. */
.quest-category{box-sizing:border-box;display:inline-flex;align-items:center;max-width:100%;padding:6px 13px;margin:10px 0 4px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--accent);font-size:13px;font-weight:600;line-height:1.5;letter-spacing:.02em;overflow-wrap:anywhere;}
.quest-category[data-category="free"]{background:var(--surface);border-color:var(--line);color:var(--accent);}
.quest-category[data-category="event"]{background:var(--bg);border-color:var(--line);color:var(--accent);}
.quest-category[data-category="arena"]{background:var(--surface);border-color:var(--line);color:var(--accent);}
.quest-category[data-category="challenge"]{background:var(--bg);border-color:var(--line);color:var(--accent);}
.quest-category[data-category="free-challenge"]{background:var(--bg);border-color:var(--line);color:var(--accent);}
.journey-card .quest-category{margin-top:14px;margin-bottom:0;}
.journey-settings{padding:16px;border:1px solid var(--line);border-radius:12px;margin:16px 0;background:var(--panel);}.journey-settings summary{min-height:44px;cursor:pointer;font-weight:600;}.journey-settings label{display:block;margin:12px 0 8px;}.journey-settings select{width:100%;}

/* Category controls remain within reach beside pause/end. */
.journey-actions{align-items:center;}
.journey-category-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:5px;border:1px solid var(--line);border-radius:14px;background:var(--surface);max-width:100%;box-sizing:border-box;}
.journey .journey-category-tabs button{margin:0;padding:10px 13px;border-color:transparent;background:transparent;font-size:13px;justify-content:center;}
.journey .journey-category-tabs button[aria-pressed="true"]{background:var(--panel);color:var(--accent);border-color:var(--line);box-shadow:0 2px 5px #402b1e14;font-weight:700;}
@media(max-width:640px){.journey-category-tabs{justify-content:flex-start;}.journey .journey-category-tabs button{flex:1 1 auto;}}
/* 2026-10 UI refinement: one purpose per view, calm surfaces, clear actions. */

html{scroll-padding-top:90px}body{background:var(--bg);font-size:14px}header{max-width:1180px;padding:25px 32px 19px;margin:auto}.brand{font-size:20px;letter-spacing:.04em}.brand span{font-size:9px;color:var(--muted);letter-spacing:.14em}.edition{font-size:11px;color:var(--muted)}
.site-nav{position:sticky;top:0;z-index:4;display:flex;justify-content:center;gap:8px;padding:8px 24px;border-bottom:1px solid var(--line);background:#fffefcf5;backdrop-filter:blur(16px)}.site-nav a{min-height:44px;min-width:104px;display:flex;align-items:center;justify-content:center;padding:9px 22px;border-radius:999px;color:var(--muted);text-decoration:none;font-size:14px;font-weight:600}.site-nav a[aria-current="page"]{color:var(--panel);background:var(--accent)}.site-nav a:hover:not([aria-current]){background:var(--surface);color:var(--ink)}
main{max-width:1180px;padding:0 32px;margin:auto;min-height:65vh}.hero{box-shadow:none;clip-path:none;background:transparent;border:0;margin:0;padding:58px 0 32px;gap:32px;grid-template-columns:1.2fr 1fr}.hero h1{font-size:clamp(32px,4.2vw,56px);line-height:1.5;letter-spacing:-.03em;margin:20px 0}.hero .eyebrow{color:var(--muted)}.hero p{font-size:14px}.camp-visual{width:110%;max-width:480px}.draw-panel{background:var(--panel);border:1px solid var(--line);border-top:1px solid var(--line);box-shadow:0 8px 28px #402b1e06;border-radius:20px;padding:28px 32px;margin:0 0 16px}.draw-panel h2{font-size:22px;letter-spacing:0}.draw-panel>.operation-label{font-size:10px;letter-spacing:.13em;color:var(--muted)}.draw-panel .primary{background:var(--accent);border-color:var(--accent);border-radius:999px;font-size:15px;font-weight:600;min-height:54px}.draw-panel #draw-hint{font-size:13px;line-height:1.8;max-width:540px}.home-next{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:20px 8px;margin-bottom:40px;text-decoration:none;color:var(--muted)}.home-next strong{font-weight:600;color:var(--accent)}.home-next span{font-size:13px}
.journey,.records,.workspace{background:transparent;border:0;border-radius:0;box-shadow:none;margin:0;padding:38px 0 48px;max-width:none}.section-head{align-items:center;margin-bottom:16px}.section-head h2{font-size:30px;font-weight:650;letter-spacing:-.025em;margin:4px 0}.section-head .eyebrow{color:var(--muted);font-size:10px}.section-head>a{font-size:13px;min-height:44px;display:flex;align-items:center;text-decoration:none;color:var(--accent)}.journey>p:first-of-type{font-size:15px;margin:0 0 16px;color:var(--muted)}.quiet-details{border-top:1px solid var(--line);padding:8px 0;margin:16px 0;font-size:13px;color:var(--muted)}.quiet-details>summary{min-height:44px;display:list-item;align-content:center;cursor:pointer;font-size:13px;font-weight:600;color:var(--accent)}.quiet-details>summary>span{font-weight:400;color:var(--accent);margin-left:10px;font-size:12px}.quiet-details p{font-size:13px;line-height:1.9}.journey-instructions{border:0;margin:0;padding:0}.journey-instructions summary{color:var(--muted);font-size:12px}.journey-status:empty,#journey-status:empty,#journey-share-status:empty{display:none}#journey-status{padding:10px 14px;background:var(--surface);border-radius:10px;color:var(--accent);font-size:13px}
.journey-progress{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:22px 0 4px;padding:18px 0;background:transparent;border:0;border-top:1px solid var(--line)}.journey-progress strong{font-size:15px;font-weight:600}.journey-progress p{margin:0;font-size:12px}.journey-progress+.hint{margin:0 0 24px;font-size:12px;color:var(--muted)}.journey h3{font-size:20px;line-height:1.6;font-weight:650;margin:20px 0 16px}.journey-cards{gap:20px}.journey-card{position:relative;display:flex;flex-direction:column;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:0 5px 22px #402b1e04}.journey-card>.eyebrow{font-size:10px;color:var(--muted);letter-spacing:.1em;margin:0}.journey-card>h3{font-size:27px;letter-spacing:-.02em;line-height:1.5;margin:12px 0 3px}.journey-card>.monster-en{margin:0 0 8px;font-size:12px;color:var(--muted)}.journey-card .quest-category{align-self:flex-start;margin:12px 0 4px;padding:5px 12px;font-size:12px}.journey-card>h4{font-size:18px;margin:14px 0 3px}.journey-card>.name-en{margin:0 0 12px;font-size:11px;line-height:1.7}.journey-card>p{font-size:13px;line-height:1.75;margin:3px 0}.journey-card>.card-unlock{font-size:12px;line-height:1.8;margin-top:10px;color:var(--muted)}.journey-card>.hint:last-of-type{font-size:12px;color:var(--muted)}.journey-card .journey-actions{margin-top:auto;padding-top:22px;gap:8px}.journey button{border-color:var(--line);border-radius:12px;font-size:13px;margin:0;padding:12px 16px;min-height:46px;background:var(--panel);color:var(--accent);justify-content:center}.journey button:hover{background:var(--bg);border-color:var(--accent)}.journey button[id^="journey-choose"],#journey-start,#journey-success,#journey-next,#journey-resume{background:var(--accent);border-color:var(--accent);color:var(--panel)}.journey button[id^="journey-choose"]:hover,#journey-start:hover,#journey-success:hover,#journey-next:hover,#journey-resume:hover{background:var(--accent);color:var(--panel)}.journey-card .journey-actions>*{flex:1}.journey-control-bar{display:flex;flex-direction:column;gap:14px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.journey-control-bar>.journey-actions{order:2;margin:0;gap:10px}.journey-control-bar>.journey-settings{order:3;margin:0}.journey-category-tabs{border:0;background:var(--surface);border-radius:14px;padding:6px;gap:4px;align-items:center;align-self:flex-start}.category-tabs-label{font-size:11px;color:var(--muted);padding:8px 10px;font-weight:600}.journey .journey-category-tabs button{font-size:12px;min-height:44px;padding:9px 12px;color:var(--muted);border-radius:10px}.journey .journey-category-tabs button[aria-pressed="true"]{color:var(--accent);border-color:var(--line);box-shadow:0 2px 4px #402b1e08}.journey #journey-end{background:transparent;border-color:transparent;color:var(--muted)}.journey #journey-end:hover{background:var(--surface)}.journey-settings{border:0;background:transparent;padding:0;font-size:12px}.journey-settings summary{font-size:12px;font-weight:400;color:var(--muted)}.journey-settings label{font-size:13px}.journey-history{margin-top:22px;padding-top:12px}.journey-history summary{font-size:13px;color:var(--accent)}.journey-history li{font-size:13px}#journey-sharing{padding-top:14px;margin-top:20px;border-color:var(--line)}#journey-sharing>summary{font-size:14px;color:var(--accent)}#journey-sharing .journey-actions a{font-size:13px;border-color:var(--line);color:var(--accent)}#journey-sharing>p{font-size:13px;color:var(--muted)}
.workspace>.section-head{border:0;padding:0}.count{background:var(--surface);border:0;color:var(--accent);font-size:12px}.operation-help{font-size:14px;color:var(--muted);margin-bottom:26px}.workspace-layout{grid-template-columns:280px minmax(0,1fr);gap:28px}.configuration{background:var(--surface);border:0;box-shadow:none;border-radius:18px;padding:22px}.config-label{border-bottom:0;margin-bottom:12px;padding-bottom:0}.config-label>span:last-child{display:none}.operation-label{font-size:14px;letter-spacing:0;color:var(--accent)}.filters{gap:18px}.filters label,.field-heading label{font-size:13px;color:var(--accent)}.configuration>.hint{font-size:12px;line-height:1.85;color:var(--muted)}.configuration select{font-size:14px;min-height:48px;border-color:var(--line);border-radius:10px;background:var(--panel)}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.saved-sets{margin-top:24px;padding-top:8px}.saved-sets>summary>span{display:block;margin-left:0}.set-name-input{border-color:var(--line);border-radius:10px;font-size:13px}.operation-heading{border:0;background:transparent;padding:0;margin:0 0 18px}.operation-heading p{font-size:13px;color:var(--muted)}.list-toolbar{border:0;box-shadow:none;background:transparent;padding:0;gap:12px}.list-toolbar .search{font-size:12px}.search input{font-size:14px;border-radius:12px;border-color:var(--line);min-height:48px;background:var(--panel)}.bulk{gap:6px}.bulk-help-title{font-size:11px}.bulk button{font-size:11px;border-color:var(--line);border-radius:9px;padding:9px 10px;background:transparent;color:var(--accent)}.quest-list{border-color:var(--line);border-radius:16px;box-shadow:none;max-height:680px}.quest{padding:20px 16px;gap:14px;border-color:var(--line)}.quest:has(input:checked){background:var(--panel);box-shadow:none}.quest:has(input:checked):hover,.quest:hover{background:var(--bg)}.quest h3{font-size:16px;color:var(--ink)}.quest p{font-size:12px}.quest .tag{font-size:11px}.quest-switch,.quest-switch:has(input:checked){background:transparent;border-color:transparent}.quest-switch input{accent-color:var(--focus)}.quest-preview{background:transparent;border:0;color:var(--accent);padding:8px 0;font-size:12px}.quest-preview:hover{background:transparent;border:0;color:var(--accent)}.quest .name-en{font-size:11px;color:var(--muted)}.quest .monster-en{font-size:11px}.coverage{border-color:var(--line)}.next-operation{background:var(--accent);border-radius:12px;border-color:var(--accent);color:var(--panel);margin-top:18px;font-size:14px;min-height:48px;padding:12px 18px}.next-operation:hover{background:var(--accent);color:var(--panel)}.records>p{font-size:14px;color:var(--muted)}#records-total{font-size:17px;color:var(--accent)}#records-groups{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px}#records-groups details{background:var(--panel);border-color:var(--line);border-radius:16px;padding:20px}#records-groups summary{font-size:14px}#records-export{font-size:13px;border-color:var(--line);border-radius:12px;color:var(--accent)}
#result-shell{background:var(--bg);border-color:var(--line);border-radius:22px;padding:24px}.request{border:1px solid var(--line);border-radius:18px;box-shadow:none;background:var(--panel)}.guide-nav{border:0;background:transparent;padding:0 0 12px;gap:8px}.guide-nav a{border:0;color:var(--accent);background:var(--surface);font-size:13px;border-radius:12px}.guide-nav>span{font-size:13px;color:var(--muted)}.request .primary{background:var(--accent);border-color:var(--accent)}.request .primary:hover{background:var(--accent);border-color:var(--accent)}.request .result-actions button:not(.primary),.request .result-actions a{border-color:var(--line);border-radius:12px;color:var(--accent)}.request .result-actions .action-with-info{gap:4px}.info-button{font-size:13px!important;border:0!important;background:transparent!important;color:var(--accent)!important}.info-button:hover{background:var(--surface)!important}.request>.operation-label{color:var(--accent);font-size:12px}.request h2{font-size:32px}#result-shell .guide{border:0;padding:16px 0;background:transparent}#result-shell .step{background:var(--panel);border-color:var(--line);border-radius:18px}footer{max-width:1180px;padding:28px 32px;margin:24px auto 0;border-color:var(--line);font-size:11px;color:var(--muted)}
@media(max-width:800px){.workspace-layout{grid-template-columns:1fr}.filters{display:grid;grid-template-columns:1fr 1fr}.filters>.field-control:first-child{grid-column:1/-1}.configuration{padding:20px}.camp-visual{width:100%}.category-tabs-label{flex-basis:100%;padding:4px 9px}.journey-category-tabs{align-self:stretch;}.hero{gap:16px}}
@media(max-width:640px){header{padding:18px 20px 12px}.site-nav{padding:6px 12px;gap:2px}.site-nav a{min-width:0;flex:1;padding:9px 5px;font-size:12px}main{padding:0 20px}.hero{grid-template-columns:1fr;padding:30px 0 24px;gap:0}.hero h1{font-size:34px;margin:16px 0}.hero .eyebrow{font-size:9px}.hero p{font-size:13px}.camp-visual{width:85%;max-width:280px;margin:0 auto;justify-self:center}.draw-panel{padding:22px;border-radius:18px}.draw-panel h2{font-size:20px}.draw-panel .primary{width:100%;margin-top:18px;min-height:52px}.home-next{flex-direction:column;align-items:flex-start;gap:8px;padding:18px 8px}.journey,.records,.workspace{padding-top:28px}.section-head h2{font-size:27px}.journey>.section-head>a{font-size:12px}.journey>p:first-of-type{font-size:14px}.journey-progress{padding:16px 0;gap:4px}.journey-progress p{font-size:11px}.journey-card{padding:22px;border-radius:18px}.journey-card>h3{font-size:25px}.journey-card .journey-actions{flex-wrap:nowrap}.journey-card .journey-actions>*{width:auto;font-size:12px;padding:10px 8px}.journey-control-bar>.journey-actions{flex-wrap:nowrap}.journey-control-bar>.journey-actions>*{width:auto;flex:1;font-size:12px;padding:10px 8px}.journey-category-tabs{width:100%;gap:3px}.journey .journey-category-tabs button{flex:1 1 30%;font-size:11px;padding:9px 5px}.journey-cards{gap:14px}.filters{grid-template-columns:1fr}.filters>.field-control:first-child{grid-column:auto}.configuration{padding:20px}.quest{padding:18px 10px;gap:8px}.quest h3{font-size:15px}.quest .quest-switch{width:44px}.quest p{font-size:12px}.list-toolbar .bulk{flex-direction:row}.bulk button{width:auto;flex:1}.quest .tag{margin-top:0}.count{font-size:11px;padding:7px 10px}#records-groups{grid-template-columns:1fr}#records-total{font-size:14px}.quiet-details>summary>span{font-size:11px}.request h2{font-size:26px}.guide-nav a{flex-basis:auto;flex:1;min-width:0;font-size:11px;padding:10px 5px;text-align:center}#result-shell{border-radius:18px;padding:12px}footer{padding:22px 20px;margin-top:12px}.category-tabs-label{font-size:11px}.journey-settings summary{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-nav{backdrop-filter:none}}

.card-details{margin:10px 0 0;border-top:1px solid var(--line);padding-top:5px}.card-details summary{font-size:12px;color:var(--muted);min-height:44px;align-content:center;cursor:pointer}.card-details p{font-size:12px;color:var(--muted);line-height:1.8}.journey>.journey-instructions{margin-top:22px;border-top:1px solid var(--line);padding-top:8px}.journey-progress{margin-top:18px}.journey-progress+.hint{margin-bottom:18px}.journey h3{margin-top:16px}.journey-card .journey-actions{padding-top:16px}.request .result-actions button.primary{background:var(--accent);color:var(--panel);border-color:var(--accent)}

.draw-settings-note{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.draw-settings-note p{margin:0;font-size:13px;line-height:1.85;color:var(--muted)}.draw-settings-note strong{font-weight:600;color:var(--accent)}.draw-settings-note a{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;white-space:nowrap;text-decoration:none;color:var(--accent);font-size:13px;font-weight:600;padding:8px 12px;border-radius:10px;background:var(--surface)}.draw-settings-note a:hover{background:var(--surface);color:var(--accent)}@media(max-width:640px){.draw-settings-note{flex-direction:column;align-items:stretch;gap:10px}.draw-settings-note p{font-size:12px}.draw-settings-note a{justify-content:space-between;}}

@media(max-width:640px){.site-nav a{font-size:11px;padding-inline:3px;}.site-nav a[data-view-link="settings"]{flex:1.25;}}

/* One quiet introductory band connects the headline and the camp. */
.hero{background:var(--surface);box-shadow:0 0 0 100vmax rgb(64 43 30 / 6%);clip-path:inset(0 -100vmax);padding:46px 0;margin:20px 0 30px}.hero p{margin-bottom:0}.hero-copy{align-self:center}@media(max-width:640px){.hero{padding:28px 0 22px;margin:14px 0 24px;gap:12px}.hero h1{margin-top:14px}.camp-visual{margin-top:4px;}}

.footer-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:4px 16px;max-width:420px}.footer-links button{border:0;background:transparent;box-shadow:none;padding:10px 0;min-height:44px;border-radius:6px;font-size:12px;color:var(--accent)}.footer-links button:hover{background:transparent;color:var(--accent);text-decoration:underline}.policy-open{overflow:hidden}#site-policy{width:min(760px,calc(100% - 40px));max-width:760px;max-height:calc(100dvh - 40px);padding:28px;text-align:left;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--ink);overflow:auto;overscroll-behavior:contain}.policy-head{position:sticky;top:-28px;display:flex;gap:16px;justify-content:space-between;align-items:center;background:var(--panel);z-index:1;padding:12px 0;border-bottom:1px solid var(--line)}.policy-head h2{font-size:24px;line-height:1.5;margin:0;overflow-wrap:anywhere;letter-spacing:0}.policy-head button{flex-shrink:0;min-height:44px;padding:8px 12px;border-color:var(--line);color:var(--accent);border-radius:10px;background:var(--panel);font-size:12px}.policy-body{max-width:640px;margin:0 auto}.policy-body h3{font-size:17px;line-height:1.7;margin:28px 0 10px;font-weight:650}.policy-body p{font-size:14px;line-height:1.95;color:var(--accent);overflow-wrap:anywhere;margin:12px 0}.policy-body .policy-date{font-size:12px;color:var(--muted)}.policy-body[hidden]{display:none!important}@media(max-width:640px){.footer-links{justify-content:flex-start;gap:0 18px;width:100%;max-width:none}#site-policy{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:18px;border-radius:16px}.policy-head{top:-18px;align-items:flex-start;gap:8px}.policy-head h2{font-size:20px}.policy-head button{padding:8px}.policy-body h3{font-size:16px}.policy-body p{font-size:14px}}

/* Contact board preview: no authentication or submission is active. */
.bbs-notice{padding:16px 18px;background:var(--surface);border-radius:12px;border:1px solid var(--line)}.bbs-notice strong{font-size:14px;color:var(--ink)}.policy-body .bbs-notice p{margin:6px 0 0;font-size:13px}.bbs-panel{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:22px;margin-top:18px}.policy-body .bbs-panel h3{margin:0;font-size:17px}.bbs-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.bbs-status{font-size:11px;border-radius:100px;padding:5px 10px;color:var(--muted);background:var(--surface)}.bbs-empty{padding:28px 0 10px;text-align:center}.bbs-empty strong{font-size:14px;color:var(--accent)}.policy-body .bbs-empty p{font-size:13px;margin:8px 0}.bbs-login-options{display:flex;gap:10px}.bbs-login-options button,.bbs-preview button{min-height:44px;padding:10px 16px;border:1px solid var(--line);background:var(--bg);color:var(--muted);border-radius:10px;font:inherit;opacity:1;cursor:not-allowed}.bbs-login-options button{flex:1}.policy-body .bbs-caption{font-size:12px;line-height:1.85;color:var(--muted)}.bbs-preview{border-top:1px solid var(--line);margin-top:16px;padding-top:6px}.bbs-preview summary{min-height:44px;align-content:center;font-size:13px;color:var(--accent);cursor:pointer}.bbs-preview-fields{padding-top:12px}.bbs-preview-fields label{display:block;font-size:13px;margin:12px 0 8px;color:var(--accent)}.bbs-preview-fields select,.bbs-preview-fields textarea{box-sizing:border-box;width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--bg);color:var(--muted);font:inherit;font-size:13px;opacity:1}.bbs-preview-fields textarea::placeholder{color:var(--muted);opacity:1}@media(max-width:480px){.bbs-panel{padding:16px}.bbs-login-options{flex-direction:column}.bbs-empty{padding:22px 0 8px}}

@media(max-width:640px){.site-nav a[data-view-link="records"]{flex:1.25;white-space:nowrap}}

.footer-links .footer-top{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;box-sizing:border-box;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--accent);text-decoration:none;font-size:12px;font-weight:600}.footer-links .footer-top:hover{background:var(--surface);color:var(--accent)}

.brand .brand-context{font-size:11px;letter-spacing:.035em;line-height:1.65;color:var(--muted);font-weight:400;margin-top:5px}@media(max-width:640px){.brand .brand-context{font-size:9px;letter-spacing:0}}

.brand .brand-context-en{display:block;font-size:10px;letter-spacing:.03em;line-height:1.5;color:var(--muted);font-weight:400;margin-top:2px}@media(max-width:640px){.brand .brand-context-en{font-size:9px;letter-spacing:0}}

.draw-panel #draw{position:relative;justify-content:center;text-align:center;padding-inline:44px}.draw-panel #draw>span{position:absolute;right:22px;top:50%;transform:translateY(-50%);pointer-events:none}

.draw-panel #draw .draw-dice{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}.draw-dice svg{display:block}
.guide-reading-hint{font-size:13px;color:var(--muted);margin:0 0 20px}
#result-shell .guide-points{min-width:0}
#result-shell .guide-item{padding:0;border:0;border-bottom:1px solid var(--line);font-size:14px}
#result-shell .guide-item:last-child{border-bottom:0}
#result-shell .guide-item>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:12px 4px;list-style:none;color:var(--ink);font-size:14px;line-height:1.6;font-weight:600;overflow-wrap:anywhere}
#result-shell .guide-item>summary::-webkit-details-marker{display:none}
#result-shell .guide-item>summary::after{content:'＋';flex:none;color:var(--accent);font-weight:400}
#result-shell .guide-item[open]>summary::after{content:'−'}
#result-shell .guide-item>p{margin:0;padding:0 4px 16px;color:var(--muted);line-height:1.85;font-size:13px}
#result-shell .guide-copy{padding:0 4px 16px;color:var(--muted);line-height:1.85;font-size:14px;overflow-wrap:anywhere}
#result-shell .guide-copy>p{margin:0}
#result-shell .guide-bullets{margin:0;padding-left:1.2em;list-style:disc}
#result-shell .guide-bullets>li{padding-left:2px;margin:0 0 8px}
#result-shell .guide-bullets>li:last-child{margin-bottom:0}
#result-shell .guide-copy strong{color:var(--ink);font-weight:700}
#result-shell .guide-copy>.guide-supplement{margin:10px 0 0;padding-top:9px;border-top:1px solid var(--line);font-size:12px;line-height:1.8;color:var(--muted)}
#result-shell .guide-more{padding:6px 0 0;margin-top:6px;border:0}
#result-shell .guide-more>summary,#result-shell .guide-scope>summary{min-height:48px;padding:10px 4px;font-size:12px;color:var(--accent);line-height:1.7}
#result-shell .guide-more>.guide-item{margin-left:8px}
#result-shell .guide-scope{margin-top:16px;border-color:var(--line)}
#result-shell .guide-scope>p{padding:0 4px;line-height:1.85}
#result-shell .guide-map{margin-top:12px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
#result-shell .guide-map>summary{min-height:48px;padding:12px 0;color:var(--accent);font-size:13px;line-height:1.8}
#result-shell .guide-map>ul{list-style:none;margin:0;padding:0;font-size:13px;line-height:1.8;color:var(--ink)}
#result-shell .guide-map li{padding:7px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}
#result-shell .guide-map>p{margin:12px 0;font-size:12px;line-height:1.8}

#policy-contact .contact-email{display:inline-flex;align-items:center;min-height:48px;max-width:100%;overflow-wrap:anywhere;font-size:18px;color:var(--accent);text-underline-offset:5px}

/* Material names remain readable separately from their selection criterion. */
#result-details dd{white-space:pre-line}
#result-details .material-note{display:block;margin-top:8px;font-size:12px;line-height:1.6;color:var(--muted)}

/* Shared surface treatment; no grid, page order or routing changes. */
body{background-color:var(--bg);background-image:var(--page-image);font-family:var(--font-ui);color:var(--ink)}
.hero{background:var(--surface);box-shadow:0 0 0 100vmax var(--surface);border-color:var(--line)}
.site-nav{background:var(--bg);border-color:var(--line);backdrop-filter:none}
.site-nav a{color:var(--muted);transition:none}
.site-nav a[aria-current="page"]{background:var(--accent);color:var(--panel);box-shadow:0 2px 6px rgb(64 43 30 / 8%)}
.site-nav a:hover:not([aria-current]){background:var(--accent-soft);color:var(--ink)}
.draw-panel,.journey-card,#records-groups details{background:var(--panel);border-color:var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}
.configuration{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card)}
.quest-list{background:var(--panel);border-color:var(--line);border-radius:var(--radius-card);scrollbar-color:var(--control-line) var(--surface)}
.quest:has(input:checked){background:var(--panel)}
.quest:hover,.quest:has(input:checked):hover{background:var(--bg)}
.quest h3{color:var(--ink);font-weight:600}.quest p,.quest .name-en,.quest .monster-en,.quest .tag{color:var(--muted)}
button,input,select,textarea,.share-tools a,.result-actions a,.next-operation{border-radius:var(--radius-control);transition:background-color .14s ease,border-color .14s ease,color .14s ease}
input,select,textarea{background:var(--panel);color:var(--ink);border-color:var(--control-line)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
button:hover,.share-tools a:hover,.result-actions a:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
.primary,.draw-panel .primary,.request .primary,.request .result-actions button.primary,.next-operation,.journey button[id^="journey-choose"],#journey-start,#journey-success,#journey-next,#journey-resume{background:var(--accent);border-color:var(--accent);color:var(--panel)}
.primary:hover,.draw-panel .primary:hover,.request .primary:hover,.request .result-actions button.primary:hover,.next-operation:hover,.journey button[id^="journey-choose"]:hover,#journey-start:hover,#journey-success:hover,#journey-next:hover,#journey-resume:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--panel)}
button:disabled,.journey button:disabled,.draw-panel .primary:disabled{background:var(--surface);border-color:var(--line);color:var(--muted);opacity:1;box-shadow:none}
.draw-panel #draw{border-radius:999px}.draw-settings-note a,.footer-links .footer-top{background:var(--accent-soft);color:var(--accent)}
.journey,.records,.share-panel{color:var(--ink)}
.journey-category-tabs{background:var(--surface)}
.journey .journey-category-tabs button[aria-pressed="true"]{background:var(--panel);color:var(--accent);border-color:var(--control-line)}
.request,#result-shell .step{background:var(--panel);border-color:var(--line);border-radius:var(--radius-card)}
#result-shell,#function-info,#site-policy{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-dialog);box-shadow:var(--shadow-dialog);backdrop-filter:none}
#result-shell .guide{background:transparent}
.policy-head,.close-result{background:var(--panel);color:var(--ink)}
#result-shell .guide-copy,#result-shell .guide-item>p,.policy-body p,.step p{color:var(--muted)}
#result-shell .guide-copy strong,#result-shell .guide-item>summary,#result-shell .step-title{color:var(--ink)}
.guide-nav a,.share-panel,.guide-map,#result-shell .guide-map{background:var(--bg);color:var(--accent);border-color:var(--line)}
#share-caption,#journey-caption{background:var(--panel);color:var(--ink);border-color:var(--control-line)}
.info-button{color:var(--accent)!important}.info-button:hover{background:var(--accent-soft)!important}
.warning{background:#FFF2DE;color:#71451F;border-color:#C6A77D}
.quest-category[data-category="free"]{background:#EDF1E8;border-color:#C9D5BE;color:#485A39}
.quest-category[data-category="event"]{background:#F5EAE3;border-color:#DEC8BA;color:#864B35}
.quest-category[data-category="arena"]{background:#F5EEDD;border-color:#DFD0AA;color:#705921}
.quest-category[data-category="challenge"]{background:#F3E5E1;border-color:#DFC1B8;color:#854532}
.quest-category[data-category="free-challenge"]{background:#EEE8F1;border-color:#D4C5DC;color:#665172}
:focus-visible,input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible,.journey :focus-visible,.records :focus-visible,.request button:focus-visible,.request a:focus-visible,.request h2:focus-visible,#result-shell .step:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
/* Artwork keeps its space even if the image is unavailable. */
.camp-visual{aspect-ratio:3/2}.camp-visual img{width:100%;height:100%;object-fit:contain}.camp-visual.is-empty{background:linear-gradient(135deg,var(--surface),var(--bg));border-radius:var(--radius-card)}
@supports ((backdrop-filter:blur(12px)) or (-webkit-backdrop-filter:blur(12px))){
 .site-nav{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
 .search input{background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
 #result-shell,#function-info,#site-policy{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}.site-nav,.search input,#result-shell,#function-info,#site-policy{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg)}}


/* Essential control boundaries remain visible on the warm surfaces. */
.configuration select,.journey select,.search input,.set-name-input,#share-caption,#journey-caption,.bulk button,.set-actions button,.share-tools button,.share-tools a,.request .result-actions button:not(.primary),.request .result-actions a,#records-export,.policy-head button,#close-info{border-color:var(--control-line)}

/* Approved high-difficulty stamp: space is reserved only for star 9+ quests. */
.difficulty-badge{display:block;width:180px;max-width:65%;height:auto;margin:24px auto 34px}
@media(max-width:640px){.difficulty-badge{width:160px;margin:24px auto 30px}}

/* Separate filter confirmation from drawing; keep both actions together. */
.filter-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.filter-actions button{min-height:48px;border-radius:var(--radius-control,12px);font-weight:600;text-align:center}
.filter-actions .secondary{border-color:var(--control-line);background:var(--panel);color:var(--accent)}
.filter-actions .primary{background:var(--accent);border-color:var(--accent);color:var(--panel)}
.filter-actions .primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.filter-apply-status{margin:10px 0 0;line-height:1.7}

/* Quest list tools: finding and selection stay independent of draw eligibility. */
.selection .list-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.7fr);gap:16px;align-items:end}
.selection .search{max-width:none;min-width:0}.quest-sort-control{min-width:0}.quest-sort-control select{background:var(--panel);border-color:var(--control-line);color:var(--ink)}
.list-selection-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0}.list-selection-tools>.hint{margin:0}.list-selection-tools .bulk button{font-size:11px;min-height:44px;padding:8px 12px}
.list-myset{padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card,18px);margin:16px 0 20px}
.list-myset-heading h3{font-size:14px;line-height:1.6;margin:0;color:var(--ink)}.list-myset-heading p{font-size:12px;margin:4px 0 14px;color:var(--muted)}
.list-myset-fields{display:grid;grid-template-columns:1fr 1.4fr;gap:12px}.list-myset-fields input,.list-myset-fields select{background:var(--panel);border-color:var(--control-line);color:var(--ink);border-radius:12px;min-height:48px}
.list-myset-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.list-myset-actions button{min-height:44px;border-radius:12px;border-color:var(--control-line);background:var(--panel);color:var(--accent);font-size:12px}
.list-myset-status:empty,#list-myset-status:empty{display:none}#list-myset-status{margin:10px 0 0}
.quest[data-selected="false"]:not(.unavailable){background:var(--bg)}.quest[data-selected="true"] .quest-switch{background:var(--surface);border-color:var(--accent)}
@media(max-width:680px){.selection .list-toolbar{grid-template-columns:1fr;gap:12px}.list-selection-tools{align-items:stretch;flex-direction:column;gap:10px}.list-selection-tools .bulk{width:100%}.list-selection-tools .bulk button{flex:1;font-size:11px}.list-myset{padding:16px}.list-myset-fields{grid-template-columns:1fr}.list-myset-actions button{flex:1;padding:10px}.list-myset-fields label{min-width:0}}

.list-myset{padding:12px 18px}.list-myset>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;padding:6px 0;font-size:13px;min-height:44px}.list-myset>summary::-webkit-details-marker{display:none}.list-myset>summary>span:first-child{font-weight:600}.list-myset>summary>span:last-child{font-size:12px;color:var(--accent)}.list-myset[open]>summary{margin-bottom:10px;border-bottom:1px solid var(--line);padding-bottom:12px}.list-myset-help{font-size:12px;color:var(--muted);margin:0 0 14px}

/* Unified quest finder; selectors update the list and draw pool immediately. */
#settings .workspace-layout{display:block}#settings .configuration{padding:24px;margin-bottom:26px}#settings .configuration .list-toolbar{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(180px,1fr);gap:16px;margin-bottom:18px}#settings .configuration .search{max-width:none;min-width:0}
#settings .facet-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}#settings .facet-filters>label:first-child{grid-column:auto}#settings .facet-filters select{background:var(--panel);border-color:var(--control-line);color:var(--ink);min-width:0}
.extra-filters{margin-top:12px;border-color:var(--line)}.extra-filters summary{font-size:12px}.extra-filter-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:8px}.extra-filter-fields select{background:var(--panel);border-color:var(--control-line);color:var(--ink)}.reset-filters{font-size:12px;min-height:44px;border:0;color:var(--accent);padding:8px 0;text-decoration:underline;text-underline-offset:4px}
#settings .filter-actions{max-width:360px;margin-top:8px}#settings #status:empty{display:none}#settings .list-myset{margin-top:20px}#settings .list-myset .saved-sets{margin-top:18px}#settings .list-myset .sets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.list-bottom-actions{display:flex;align-items:center;gap:12px;padding:16px 0;background:var(--bg);border-top:1px solid var(--line)}.list-bottom-actions p{flex:1;font-size:13px;margin:0;color:var(--muted)}.list-bottom-actions button{min-height:48px;border-radius:12px}.list-bottom-actions .primary{background:var(--accent);color:var(--panel);border-color:var(--accent)}
@media(max-width:680px){#settings .configuration{padding:18px}#settings .configuration .list-toolbar{grid-template-columns:1fr;gap:12px}#settings .facet-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#settings .facet-filters label{font-size:12px;min-width:0}#settings .facet-filters select{font-size:12px;padding:10px 8px}#settings .filter-actions{max-width:none}.extra-filter-fields{grid-template-columns:1fr}#settings .list-myset .sets{display:block}#settings .list-myset .set{margin-bottom:12px}.list-bottom-actions{position:sticky;bottom:0;z-index:3;flex-wrap:wrap;gap:8px;padding:10px 0 calc(10px + env(safe-area-inset-bottom,0px))}.list-bottom-actions p{flex-basis:100%;font-size:12px}.list-bottom-actions button{flex:1;font-size:12px;padding:10px 8px}}

#settings .reset-filters{background:transparent;text-decoration:none;padding:8px 12px;border:1px solid var(--control-line);border-radius:10px;margin-top:6px}#settings .facet-filters>label{display:flex;flex-direction:column;justify-content:flex-end}

.journey-check-group{border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:16px 0;background:var(--panel);}.journey-check-group legend{padding:0 6px;font-weight:600;}.journey-setup .journey-check-group label{display:flex;align-items:center;gap:12px;min-height:44px;margin:0;cursor:pointer;}.journey-check-group input{width:20px;height:20px;flex:0 0 20px;accent-color:var(--accent);}.journey-length-group select{width:100%;}

.journey-check-group .unavailable-choice{opacity:.55;cursor:not-allowed;}

#records-groups .records-breakdown{margin-top:12px;padding:12px 14px;border-radius:12px;box-shadow:none;background:var(--bg);}#records-groups .records-breakdown summary{display:flex;align-items:center;gap:8px;}#records-groups .records-breakdown summary::before{content:"＋";}#records-groups .records-breakdown[open]>summary::before{content:"−";}#records-groups .records-count-note{font-size:12px;line-height:1.7;margin:12px 0;}

.records-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;}.records-actions>button,.records-actions>a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin:0!important;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);color:var(--accent);font:inherit;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;}#records-share-panel{margin-top:24px;padding:20px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--panel);}#records-share-canvas{display:block;width:100%;max-width:360px;height:auto;margin:16px auto;}#records-share-text{display:block;box-sizing:border-box;width:100%;padding:12px;margin-top:8px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-control);font:inherit;}@media(max-width:640px){.records-actions>*{flex:1 1 40%;}#records-share-panel{padding:16px;}}

#records-share-panel[hidden],.records-actions>[hidden]{display:none!important;}
#records-share-copy{white-space:nowrap;font-size:12px;padding-inline:10px;}

/* Shared return-to-base-camp controls */
body a.base-camp-return{background:var(--accent);border-color:var(--accent);color:var(--panel);justify-content:center;text-align:center;}body a.base-camp-return:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--panel);}

.brand .brand-context-en{font-size:10px;letter-spacing:.10em;line-height:1.6;margin-top:4px;}@media(max-width:640px){.brand .brand-context-en{font-size:9px;letter-spacing:.045em;}}

/* Left-aligned wordmark; the header center remains open for future advertising. */
body>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:24px;align-items:center;}
body>header .brand{grid-column:1;min-width:0;color:var(--ink);}
body>header .edition{grid-column:3;white-space:nowrap;}
.brand .brand-name{display:block;font-family:inherit;font-size:36px;font-weight:700;line-height:1.3;letter-spacing:.025em;color:var(--ink);}
.brand .brand-context{margin-top:8px;font-size:11px;line-height:1.6;letter-spacing:.025em;}
.brand .brand-context-en{margin-top:3px;font-size:10px;line-height:1.6;letter-spacing:.10em;}
@media(max-width:640px){body>header{column-gap:8px;}.brand .brand-name{font-size:28px;}.brand .brand-context{font-size:9px;letter-spacing:0;margin-top:6px;}.brand .brand-context-en{font-size:9px;letter-spacing:.035em;}}
/* Approved hero background: layered pale paper. Content geometry remains unchanged. */
.hero{isolation:isolate;background:transparent;box-shadow:none;}
.hero::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-1;pointer-events:none;background-color:#eee9e1;background-image:linear-gradient(154deg,transparent 0 58%,#d8d1c44a 58.1% 72%,transparent 72.1%),linear-gradient(28deg,#ffffff70 0 30%,transparent 30.1% 76%,#fff7ed55 76.1%),url("assets/paper-band-grain.svg");background-size:cover,cover,600px 400px;}

/* Focused request and sharing layout, 2026-10-09. */
#result-shell #native-share{display:none!important;}
#result-shell .request #result-details{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:24px 0;}
#result-details .field{grid-column:span 2;min-width:0;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--bg);text-align:left;}
#result-details .field dd{overflow-wrap:anywhere;margin:4px 0 0;line-height:1.75;}
#result-details .field dt{font-size:12px;}
#result-details .field[data-label="種別"],#result-details .field[data-label="対象モンスター"]{display:none;}
#result-details .field[data-label="クリア条件"]{grid-column:1/-1;order:-2;background:transparent;border:0;border-radius:0;padding:0 0 10px;}
#result-details .field[data-label="狙える素材"],#result-details .field[data-label="確定入手素材"]{grid-column:1/-1;order:2;}
#result-details .field[data-label="初期位置"],#result-details .field[data-label="推奨キャンプ"]{grid-column:span 3;background:var(--surface);}
#result-details .material-note{display:block;margin-top:8px;font-size:12px;line-height:1.65;max-width:62ch;}
#result-shell .request .result-actions{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:20px;}
#result-shell .result-actions>button,#result-shell .result-actions>.action-with-info{flex:1 1 auto;}
#result-shell .result-actions button{font-size:13px;min-height:48px;}
#result-shell #record-status:empty{display:none;}
#result-shell .share-panel{padding:24px;margin-top:24px;border-radius:16px;text-align:left;background:var(--bg);}
#result-shell .share-panel h3{font-size:21px;margin:0 0 6px;color:var(--ink);}
#result-shell .share-intro{font-size:13px;margin:0 0 22px;color:var(--muted);}
.quest-share-layout{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr);gap:28px;align-items:start;}
#result-shell #share-canvas{display:block;width:100%;max-width:320px;height:auto;margin:0 auto;border-radius:12px;}
.quest-share-editor{min-width:0;}.quest-share-editor>label{display:block;font-size:13px;color:var(--ink);font-weight:600;}
#result-shell #share-caption{width:100%;min-height:180px;margin:10px 0 16px;padding:14px;line-height:1.8;font-family:inherit;font-size:14px;resize:vertical;background:var(--panel);color:var(--ink);border:1px solid var(--control-line);border-radius:12px;}
#result-shell .share-tools{display:flex;flex-wrap:wrap;gap:10px;margin:0;align-items:center;}
#result-shell .share-tools a,#result-shell .share-tools button{min-height:48px;font-size:13px;padding:10px 14px;text-align:center;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;}
#result-shell .share-tools>.action-with-info{flex:1 1 100%;display:flex;align-items:center;gap:6px;}
#result-shell #share{flex:1;background:var(--accent);color:var(--panel);border-color:var(--accent);}
#result-shell .share-tools>[hidden]{display:none!important;}
#result-shell #share-status{font-size:12px;line-height:1.8;color:var(--muted);margin:14px 0 0;}
@media(max-width:680px){#result-shell .request #result-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}#result-details .field{padding:12px;}#result-details .field[data-label="フィールド"]{grid-column:1/-1;}#result-shell .request .result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;}#result-shell .result-actions>button,#result-shell .result-actions>.action-with-info{width:100%;min-width:0;}#result-shell #decide{grid-column:1/-1;}#result-shell .result-actions .action-with-info{grid-column:1/-1;justify-content:center;}#result-shell .share-panel{padding:16px;}.quest-share-layout{grid-template-columns:1fr;gap:22px;}#result-shell #share-canvas{max-width:280px;}#result-shell .share-tools{gap:8px;}#result-shell .share-tools>button,#result-shell .share-tools>a{flex:1 1 100%;}#result-shell .share-tools>.action-with-info{min-width:0;}#result-shell .share-tools .info-button{flex:0 0 44px;}#result-shell .share-panel h3{font-size:19px;}}

#result-shell .result-modal-toolbar{position:sticky;top:-24px;z-index:4;background:var(--bg);margin:-24px -24px 12px;padding:12px 24px;border-bottom:1px solid var(--line);}#result-shell .result-modal-toolbar .close-result{position:static;margin:0 0 0 auto;}#share-panel,#share-heading{scroll-margin-top:88px;}@media(max-width:680px){#result-shell .result-modal-toolbar{top:-12px;margin:-12px -12px 12px;padding:10px 12px;}#result-details .field{grid-column:span 1;}#result-details .field[data-label="初期位置"],#result-details .field[data-label="推奨キャンプ"]{grid-column:span 1;}}

.recruitment-fields{margin:0 0 20px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);min-width:0;}.recruitment-fields legend{padding:0 6px;font-size:13px;font-weight:600;color:var(--ink);}.recruitment-fields label{display:block;margin:0 0 10px;font-size:12px;}.recruitment-fields input{display:block;min-width:0;background:var(--bg);font-size:13px;margin-top:4px;}.recruitment-fields .hint{margin:8px 0 12px;line-height:1.7;}.recruitment-fields button{width:100%;min-height:44px;font-size:13px;}.quest-share-preview{position:sticky;top:90px;}@media(max-width:680px){.quest-share-preview{position:static;}}

.post-limit{font-size:12px!important;line-height:1.7;color:var(--muted)!important;margin:8px 0 16px!important;}.post-limit.is-over{color:#a02e24!important;font-weight:600;}textarea[aria-invalid="true"]{border-color:#a02e24!important;}a.post-over-limit{opacity:.6;cursor:not-allowed;}
.shared-social-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:32px;align-items:start;margin-top:24px}
.shared-social-preview{position:static;min-width:0}
.shared-social-preview .journey-history{max-width:360px;margin:18px auto 0;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:14px}
.shared-social-preview .journey-history h4{font-size:15px;line-height:1.6;margin:0 0 12px;color:var(--accent)}
.shared-social-preview .journey-history ol{margin:0;padding-left:22px}
.shared-social-preview .journey-history li{font-size:12px;line-height:1.7;padding:8px 0;border-bottom:1px solid var(--line)}
.shared-social-preview .journey-history li:last-child{border-bottom:0}
.shared-social-preview .journey-history li strong,.shared-social-preview .journey-history li span{display:block;overflow-wrap:anywhere}
.shared-social-preview .journey-history li strong{font-weight:600}
.shared-social-preview .journey-history li span{color:var(--muted)}
.shared-social-preview .journey-history button{margin-top:12px;min-height:44px;font-size:12px}
#journey-sharing .shared-social-preview canvas,#records-share-panel .shared-social-preview canvas{display:block;width:100%;max-width:360px;height:auto;margin:0 auto}
.shared-social-editor{min-width:0}
.shared-social-editor textarea{box-sizing:border-box;width:100%;margin-bottom:0}
.shared-social-editor .journey-actions,.shared-social-editor .records-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
#journey-native{display:none!important}
#journey-image,#journey-x-compose{display:none!important}
@media(max-width:680px){.shared-social-layout{grid-template-columns:minmax(0,1fr);gap:24px}.shared-social-preview{position:static}.shared-social-editor .journey-actions>*{max-width:100%;white-space:normal}}

.journey-completion-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:16px}.journey-completion-actions button{margin:0;min-height:48px;max-width:100%}