*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{background:#1b1b22;width:100%;height:100%;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;overflow:hidden}#viewport{position:fixed;inset:0}#stage{transform-origin:50%;background:#ecebf6;width:720px;height:1280px;margin-top:-640px;margin-left:-360px;position:absolute;top:50%;left:50%;overflow:hidden}#bg-pattern{opacity:.35;filter:invert(88%)sepia(8%)saturate(500%)hue-rotate(200deg);pointer-events:none;background-image:url(../assets/Bg/Level/theme_tile_1.png);background-size:240px;position:absolute;inset:0}#hud{text-align:center;padding-top:18px;position:relative}#level-title{color:#3f3d4d;font-size:40px;font-weight:800}#hearts{justify-content:center;gap:6px;margin-top:4px;display:flex}.heart{object-fit:contain;width:44px;height:44px}.heart.lost{filter:grayscale()brightness(.75)}#board{max-width:684px;margin:14px auto 0;position:relative}#header-row,.trait-row{display:flex}#header-row{padding-top:46px}.row-label{text-align:center;color:#4a4636;background:#efe9d3;border:1px solid #c9c4ae;flex:0 0 104px;justify-content:center;align-items:center;padding:4px;font-size:22px;font-weight:700;display:flex}.header-spacer{background:0 0;border:none}.header-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;display:flex}.scene-box{width:96%;position:relative}.scene-layer{object-fit:contain;position:absolute}.subject-label{text-align:center;color:#4a4636;white-space:nowrap;background:#efe9d3;border:1px solid #c9c4ae;width:100%;padding:5px 2px;font-size:21px;font-weight:700;overflow:hidden}.trait-row .cell{aspect-ratio:1/.92;cursor:pointer;background:#f6f3e4;border:1px solid #c9c4ae;flex:1;min-width:0;position:relative}.trait-row.done .cell{background:#ddf3d5}.cell.selected{outline-offset:-3px;z-index:2;background:#cfe8ff;outline:3px solid #4e9be8}.cell.wrong{background:#f6c6c0}.cell-values{justify-content:center;align-items:center;gap:2%;display:flex;position:absolute;inset:8%}.value-slot{justify-content:center;align-items:center;width:78%;height:78%;display:flex}.cell.multi .value-slot{width:46%}.value-slot img{object-fit:contain;max-width:100%;max-height:100%}.value-chip,.picker-chip{color:#3c3830;white-space:nowrap;background:#fff;border:3px solid #4a4636;border-radius:12px;justify-content:center;align-items:center;padding:4px 8px;font-size:24px;font-weight:800;display:flex}.picker-chip{width:64px;height:64px;padding:2px;font-size:20px;overflow:hidden}.lock-overlay{z-index:1;background:#d8c58e;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.lock-icon{aspect-ratio:1;flex-direction:column;align-items:center;width:34%;display:flex;position:relative}.lock-icon .lock-top{object-fit:contain;object-position:bottom;width:72%;height:46%;margin-bottom:-6%}.lock-icon .lock-body{background:#e3ad2a;border:3px solid #1f2440;border-radius:22%;width:100%;height:58%;position:relative}.lock-icon .lock-body:after{content:"";background:#1f2440;border-radius:50% 50% 30% 30%;width:22%;height:42%;position:absolute;top:30%;left:50%;transform:translate(-50%)}.lock-count{color:#6d5313;margin-left:4px;font-size:27px;font-weight:800}.fx-glow{object-fit:contain;pointer-events:none;z-index:3;width:150%;height:150%;position:absolute;inset:-25%}#picker-layer{pointer-events:none;z-index:30;position:absolute;inset:0}.picker{pointer-events:auto;background:#fff;border:4px solid #4e9be8;border-radius:22px;padding:10px;position:absolute;box-shadow:0 6px 18px #1e285a40}.picker-arrow{clip-path:polygon(50% 0,0 100%,100% 100%);background:#4e9be8;width:26px;height:14px;position:absolute;top:-14px;transform:translate(-13px)}.picker.flipped .picker-arrow{clip-path:polygon(50% 100%,0 0,100% 0);top:auto;bottom:-14px}.picker-strip{gap:8px;display:flex}.picker-option{cursor:pointer;background:#fdf6d8;border:none;border-radius:14px;flex-direction:column;align-items:center;gap:4px;width:96px;padding:8px 4px 6px;font-family:inherit;display:flex}.picker-option:active{transform:scale(.94)}.picker-option img{object-fit:contain;width:64px;height:64px}.picker-option span{color:#574f33;font-size:17px;font-weight:700;line-height:1.1}#tray-zone{height:330px;position:absolute;bottom:0;left:0;right:0}#tool-buttons{z-index:5;gap:12px;display:flex;position:absolute;top:-26px;right:18px}.tool-btn{cursor:pointer;background:#d8403a;border:4px solid #f3d05c;border-radius:50%;justify-content:center;align-items:center;width:74px;height:74px;display:flex;position:relative}.tool-btn img{object-fit:contain;width:60%}.tool-btn .badge{color:#fff;background:#e8382f;border:2px solid #fff;border-radius:14px;justify-content:center;align-items:center;min-width:28px;height:28px;font-size:17px;font-weight:800;display:flex;position:absolute;top:-6px;right:-6px}#clue-counter{z-index:6;background:#17151c;border-radius:32px;align-items:center;padding:8px 30px 8px 64px;display:flex;position:absolute;top:-28px;left:46px}#clue-mascot{object-fit:contain;width:92px;height:92px;position:absolute;top:50%;left:-40px;transform:translateY(-50%)}#clue-count-text{color:#fff;font-size:27px;font-weight:800}#clue-tray{background:#a97d55;border-top:8px solid #8b6244;padding:26px 14px 14px;position:absolute;inset:26px 0 0;overflow:hidden}#clue-cards{align-items:stretch;gap:14px;height:100%;display:flex}.clue-card{background:#fdf8e3;border:4px solid #8b6244;border-radius:18px;flex:0 0 221px;justify-content:center;align-items:center;padding:30px 14px 12px;display:none;position:relative;overflow:hidden}.clue-card.in{display:flex}.clue-card.done{background:#cdeec4;border-color:#57a04b}.clue-pin{object-fit:contain;width:40px;height:40px;position:absolute;top:6px;left:8px}.clue-text{color:#33302a;text-align:center;font-size:24px;font-weight:700;line-height:1.45}.clue-icon{object-fit:contain;vertical-align:-6px;width:30px;height:30px;margin-right:2px}.hint-card{background:#bfe3f7;border-color:#4d7fd1;flex-direction:column;gap:2px;padding:26px 14px 14px}.hint-badge{color:#fff;background:#2f66c4;border-radius:0 0 14px;padding:4px 16px;font-size:24px;font-weight:800;position:absolute;top:0;left:0}.hint-q{color:#5b8fd6;font-size:88px;font-weight:900;line-height:1}.hint-btn{color:#fff;background:#58b431;border:none;border-radius:26px;padding:8px 34px;font-family:inherit;font-size:26px;font-weight:800;box-shadow:0 4px #3d8a1e}#fx-layer{pointer-events:none;z-index:40;position:absolute;inset:0}#tap-hand{z-index:50;pointer-events:none;visibility:hidden;filter:drop-shadow(0 4px 8px #0000004d);width:110px;position:absolute}#end-banner{color:#fff;text-shadow:0 4px #b3382f,0 0 24px #00000059;z-index:60;font-size:88px;font-weight:900;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}