*{box-sizing:border-box}
:root{--pink:#ff70ad;--blue:#69caff;--line:#ffc6df;--ink:#303544;--card:rgba(255,255,255,.94)}
body{
  margin:0;font-family:"Hiragino Sans","Yu Gothic",system-ui,sans-serif;color:var(--ink);
  background:#fff3a6;
  background-image:linear-gradient(rgba(255,255,255,.42),rgba(255,255,255,.42)),url("../../assets/bg/main-bg.jpg");
  background-size:cover;background-position:center top;background-attachment:fixed;
}
.wikiNav{position:sticky;top:0;z-index:20;background:#fff;border-bottom:3px solid var(--line);box-shadow:0 5px 16px rgba(0,0,0,.08)}
.wikiNavIn{max-width:1160px;margin:auto;display:flex;gap:8px;align-items:center;padding:10px 12px}
.wikiNavLinks{display:flex;gap:8px;overflow:auto}
.wikiNav a{white-space:nowrap;text-decoration:none;color:#d92d82;font-weight:900;border-radius:999px;padding:8px 12px}
.wikiNav a.current,.wikiNav a:hover{background:#ffe7f3}
.wikiNavSearch{margin-left:auto;display:flex;gap:6px;min-width:min(330px,42vw)}
.wikiNavSearch input{width:100%;border:2px solid var(--line);border-radius:999px;padding:9px 12px}
.wikiNavSearch button{border:0;border-radius:999px;background:var(--pink);color:#fff;font-weight:900;padding:9px 13px}
.wrap{max-width:1040px;margin:auto;padding:22px 14px 60px}
.hero,.panel{background:var(--card);border:3px solid var(--line);border-radius:26px;padding:20px;box-shadow:0 14px 34px rgba(255,113,173,.16);margin-bottom:16px}
h1{margin:0 0 10px;color:#d92d82;font-size:clamp(1.8rem,4vw,2.5rem)}
h2{margin:0 0 12px;color:#d92d82}
.note{line-height:1.7;background:#fffbe6;border:2px dashed #f5bf3d;border-radius:18px;padding:12px}
.simGrid{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:18px;align-items:start}
.doorBox{text-align:center}
.doorBtn{
  border:0;background:transparent;cursor:pointer;padding:0;display:inline-block;filter:drop-shadow(0 14px 18px rgba(0,0,0,.18));
  transition:transform .12s ease,filter .12s ease;
}
.doorBtn:hover{transform:translateY(-3px) scale(1.02)}
.doorBtn:active{transform:scale(.96)}
.doorBtn img{width:min(100%,300px);height:auto;display:block}
.resultBox{min-height:340px;display:grid;place-items:center;background:rgba(255,255,255,.72);border:2px dashed var(--line);border-radius:22px;padding:14px;text-align:center}
.resultImg{max-width:100%;max-height:320px;object-fit:contain;display:none;filter:drop-shadow(0 10px 18px rgba(0,0,0,.12))}
.backText{display:none;font-weight:900;font-size:clamp(2rem,6vw,4rem);color:#5d606a;letter-spacing:.04em;text-shadow:2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff}
.controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px}
button.normalBtn{border:0;border-radius:999px;background:linear-gradient(135deg,var(--pink),var(--blue));color:#fff;font-weight:900;padding:11px 16px;cursor:pointer}
select{border:2px solid var(--line);border-radius:999px;padding:10px 12px;background:#fff;font-weight:800}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.stat{background:#fff;border:2px solid #bee8ff;border-radius:16px;padding:10px;text-align:center;font-weight:900}
.stat b{display:block;color:#d92d82;font-size:1.3rem}
.linkCard{display:block;text-decoration:none;color:inherit;background:#fff;border:2px solid var(--line);border-radius:18px;padding:14px;font-weight:900}
@media(max-width:760px){
  body{background-attachment:scroll;background-size:auto 100%}
  .wikiNavIn{flex-wrap:wrap}.wikiNavLinks{width:100%}.wikiNavSearch{min-width:100%;margin-left:0}
  .simGrid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}