*{box-sizing:border-box}html,body{background:#efe6d8;margin:0}body{color:#4a3b30;font-family:Noto Sans TC,system-ui,sans-serif}#root{min-height:100vh}a{color:#f26b21;text-decoration:none}a:hover{color:#d4551a}button{font-family:inherit}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%,to{opacity:.45}50%{opacity:.8}}@keyframes cdSheen{0%{opacity:0;transform:translate(-130%)rotate(8deg)}15%{opacity:1}to{opacity:0;transform:translate(130%)rotate(8deg)}}.cd-overlay{z-index:30;background:#4a3b30ad;flex-direction:column;justify-content:center;align-items:center;padding:26px;display:flex;position:absolute;inset:0}.cd-close{color:#4a3b30;cursor:pointer;background:#fffdf8e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 3px 8px #0003}.cd-kicker{color:#ffd86b;letter-spacing:.24em;font:700 10px "Baloo 2",cursive;animation:.2s ease-out pop}.cd-headline{color:#fff;text-align:center;margin-top:6px;font:900 17px Noto Sans TC,sans-serif}.cd-flip-outer{perspective:1000px;width:250px;margin-top:18px;animation:.3s cubic-bezier(.3,1.5,.5,1) pop;position:relative}.cd-glow{z-index:-1;filter:blur(6px);opacity:.55;border-radius:50%;height:180px;animation:2.4s ease-in-out infinite glowPulse;position:absolute;top:-30px;left:-30px;right:-30px}.cd-flip-inner{height:min(70vh,440px);transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1);position:relative}.cd-flip-inner.cd-tilting{transition:none}.cd-face{backface-visibility:hidden;position:absolute;inset:0}.cd-face-back{background-image:radial-gradient(circle,#ffffff4d 1px,#0000 1.5px);background-size:16px 16px;border-radius:24px;justify-content:center;align-items:center;display:flex;box-shadow:0 14px 34px #1e120a73}.cd-back-emblem{color:#ffffffd9;text-shadow:0 2px 6px #0003;font-size:40px}.cd-face-front{transform:rotateY(180deg)}.cd-card{border-radius:24px;height:100%;padding:3px;position:relative;overflow:hidden;box-shadow:0 14px 34px #1e120a73}.cd-card-inner{background:#fffdf8;border-radius:21px;height:100%;position:relative;overflow:hidden auto}.cd-art-wrap{border-radius:14px;padding:12px 12px 0;position:relative;overflow:hidden}.cd-body{background:#fffdf8b8;padding:11px 14px 16px;position:relative}.cd-tier-row{justify-content:space-between;align-items:center;display:flex}.cd-stars{color:#f0a128;letter-spacing:1px;font-size:11px}.cd-tier-chip{letter-spacing:.06em;border-radius:20px;padding:2px 7px;font:700 8.5px "Baloo 2",cursive}.cd-phrase{color:#4a3b30;margin-top:7px;font:900 15px/1.4 Noto Sans TC,sans-serif}.cd-note{color:#a2917f;margin-top:4px;font:500 11px/1.6 Noto Sans TC,sans-serif}.cd-section{border-top:1px solid #f0e5d6;margin-top:12px;padding-top:11px}.cd-section-label{color:#b06a10;font:700 10.5px Noto Sans TC,sans-serif}.cd-example-en{color:#4a3b30;margin-top:5px;font:600 11.5px/1.6 Noto Sans TC,sans-serif}.cd-example-zh{color:#a2917f;margin-top:3px;font:500 10.5px/1.6 Noto Sans TC,sans-serif}.cd-tip{color:#7a6a5c;margin-top:5px;font:500 11px/1.65 Noto Sans TC,sans-serif}.cd-date{color:#c9b8a8;margin-top:12px;font:500 9.5px Noto Sans TC,sans-serif}.cd-sheen{pointer-events:none;z-index:2;background:linear-gradient(115deg,#0000 30%,#fff9 45%,#ffffff26 55%,#0000 70%);animation:.9s ease-out cdSheen;position:absolute;inset:0}.cd-holo{pointer-events:none;z-index:2;mix-blend-mode:overlay;position:absolute;inset:0}.cd-cta{color:#fff;cursor:pointer;background:#f26b21;border:none;border-radius:16px;width:250px;margin-top:20px;padding:14px;font:800 14.5px Noto Sans TC,sans-serif;box-shadow:0 5px #c9521a}.cd-cta:active{transform:translateY(4px);box-shadow:0 1px #c9521a}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes dmgUp{0%{opacity:0;transform:translateY(6px)scale(.8)}25%{opacity:1;transform:translateY(-6px)scale(1.1)}to{opacity:0;transform:translateY(-34px)scale(1)}}.ch-header{align-items:center;gap:10px;padding:20px 16px 0;display:flex}.ch-back{cursor:pointer;background:#fffdf8;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 6px #c47c4a29}.ch-header-title{flex:1;min-width:0}.ch-header-title .title{color:#4a3b30;font:900 17px Noto Sans TC,sans-serif}.ch-header-title .sub{color:#b9a99a;margin-top:1px;font:700 10.5px Noto Sans TC,sans-serif}.ch-gem-pill{color:#7a6a5c;background:#fffdf8;border-radius:22px;flex:none;align-items:center;gap:5px;padding:5px 11px 5px 6px;font:700 12px "Baloo 2",cursive;display:flex;box-shadow:0 2px 6px #c47c4a29}.ch-banner{background:linear-gradient(160deg,#8c4a2a,#6b2f1b 60%,#54220f);border-radius:22px;align-items:center;gap:13px;margin:16px 16px 0;padding:15px 16px;display:flex}.ch-banner .kicker{color:#ffd86b;letter-spacing:.14em;font:700 10px "Baloo 2",cursive}.ch-banner .headline{color:#fff;margin-top:3px;font:900 16px/1.35 Noto Sans TC,sans-serif}.ch-scenario-list{flex-direction:column;gap:10px;padding:14px 16px 0;display:flex}.ch-scenario-btn{cursor:pointer;text-align:left;background:#fffdf8;border:none;border-radius:20px;align-items:center;gap:12px;width:100%;padding:12px 13px;display:flex;box-shadow:0 3px 10px #c47c4a24}.ch-scenario-btn:hover{box-shadow:0 5px 14px #c47c4a3d}.ch-scenario-btn:active{transform:translateY(2px)}.ch-scenario-icon{border-radius:15px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.ch-scenario-body{flex:1;min-width:0}.ch-scenario-title-row{align-items:center;gap:7px;display:flex}.ch-scenario-title{color:#4a3b30;font:900 14px Noto Sans TC,sans-serif}.ch-scenario-tag{letter-spacing:.06em;border-radius:20px;padding:2px 7px;font:700 8.5px "Baloo 2",cursive}.ch-scenario-desc{color:#a2917f;margin-top:3px;font:500 11px Noto Sans TC,sans-serif;display:block}.ch-scenario-meta{align-items:center;gap:9px;margin-top:6px;display:flex}.ch-scenario-stars{letter-spacing:.5px;color:#ffb534;font-size:9.5px}.ch-scenario-time{color:#c9b8a8;font:700 10px Noto Sans TC,sans-serif}.ch-custom-card{background:#fffdf8;border:2px dashed #f0d9c2;border-radius:20px;margin:12px 16px 0;padding:13px;box-shadow:0 3px 10px #c47c4a24}.ch-custom-row{align-items:center;gap:12px;display:flex}.ch-custom-icon{background:#fff1dc;border-radius:15px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.ch-custom-create{color:#e08a17;cursor:pointer;background:#fff1dc;border:none;border-radius:14px;flex:none;padding:9px 13px;font:700 11.5px Noto Sans TC,sans-serif}.ch-custom-open{margin-top:12px;animation:.2s ease-out pop}.ch-custom-textarea{box-sizing:border-box;color:#4a3b30;resize:none;background:#fff8f0;border:2px solid #f3e7da;border-radius:14px;width:100%;padding:11px;font-family:Noto Sans TC,system-ui,sans-serif;font-size:13px;font-weight:500;line-height:1.6}.ch-custom-textarea:focus{border-color:#f26b21;outline:none}.ch-idea-row{scrollbar-width:none;gap:7px;margin-top:9px;display:flex;overflow-x:auto}.ch-idea-chip{color:#8a6350;cursor:pointer;background:#f7ede2;border:none;border-radius:20px;flex:none;padding:7px 12px;font:700 10.5px Noto Sans TC,sans-serif}.ch-tier-row{align-items:center;gap:8px;margin-top:11px;display:flex}.ch-tier-label{color:#b9a99a;white-space:nowrap;font:700 10.5px Noto Sans TC,sans-serif}.ch-tier-options{flex:1;gap:6px;display:flex}.ch-tier-btn{letter-spacing:.06em;cursor:pointer;border:none;border-radius:12px;flex:1;padding:8px 0;font:700 10.5px "Baloo 2",cursive}.ch-custom-actions{align-items:center;gap:9px;margin-top:12px;display:flex}.ch-custom-cancel{color:#c9b8a8;cursor:pointer;background:0 0;border:none;padding:6px 2px;font:700 11.5px Noto Sans TC,sans-serif}.ch-custom-start{color:#fff;border:none;border-radius:15px;flex:1;padding:12px;font:800 13.5px Noto Sans TC,sans-serif}.ch-custom-start:active{transform:translateY(3px);box-shadow:none!important}.ch-footnote{background:#fff1dc;border-radius:20px;align-items:center;gap:11px;margin:16px 16px 26px;padding:13px 14px;display:flex}.ch-footnote-icon{background:#fff;border-radius:11px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.ch-footnote-text{color:#b08c50;flex:1;font:500 10.5px/1.6 Noto Sans TC,sans-serif}.ch-arena-wrap{padding:12px 12px 0}.ch-arena{background:linear-gradient(#ffe3be 0%,#ffcf9b 40%,#f5b183 58%,#e09a6a 59%,#c97a4a 100%);border-radius:26px;height:262px;position:relative;overflow:hidden;box-shadow:0 8px 22px #c47c4a3d}.ch-sun{background:#fff0c4;border-radius:50%;width:50px;height:50px;position:absolute;top:46px;right:24px;box-shadow:0 0 30px #ffe1a0d9}.ch-mountains{width:100%;height:34px;position:absolute;top:126px;left:0;right:0}.ch-ground{background:linear-gradient(#d98a5a,#b96c40);height:104px;position:absolute;bottom:0;left:0;right:0}.ch-ground-lines{opacity:.2;width:100%;height:104px;position:absolute;bottom:0;left:0;right:0}.ch-nameplate-row{align-items:flex-start;gap:9px;display:flex;position:absolute;top:12px;left:12px;right:12px}.ch-nameplate{background:#fffdf8f0;border-radius:18px;flex:1;min-width:0;padding:9px 11px;box-shadow:0 3px 10px #8c4a2a33}.ch-nameplate-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.ch-monster-name{color:#4a3b30;font:900 12.5px Noto Sans TC,sans-serif}.ch-wave-tag{color:#c0562a;letter-spacing:.1em;background:#ffe3ce;border-radius:20px;padding:2px 7px;font:700 8.5px "Baloo 2",cursive}.ch-hp-row{align-items:center;gap:7px;margin-top:7px;display:flex}.ch-hp-track{background:#f3e1d2;border-radius:8px;flex:1;height:11px;position:relative;overflow:hidden}.ch-hp-fill{background:linear-gradient(90deg,#ff8a5b,#ff5b4a);border-radius:8px;transition:width .55s cubic-bezier(.3,1.4,.5,1);position:absolute;top:0;bottom:0;left:0}.ch-hp-text{color:#b58a5e;white-space:nowrap;font:700 9px "Baloo 2",cursive}.ch-turn-box{background:#fffdf8f0;border-radius:18px;flex-direction:column;flex:none;align-items:center;gap:6px;padding:9px 10px;display:flex;box-shadow:0 3px 10px #8c4a2a33}.ch-turn-label{color:#c9b8a8;letter-spacing:.12em;font:700 7.5px "Baloo 2",cursive}.ch-turn-pips{gap:4px;display:flex}.ch-turn-pip{border-radius:50%;width:7px;height:7px}.ch-monster-wrap{text-align:center;position:absolute;top:86px;left:50%;transform:translate(-50%)}.ch-monster-shadow{filter:blur(3px);background:#8c4a2a59;border-radius:50%;width:102px;height:15px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.ch-dmg-text{text-shadow:0 3px #8c4a2a73;white-space:nowrap;font:800 30px "Baloo 2",cursive;animation:1s ease-out forwards dmgUp;position:absolute;top:0;left:50%;transform:translate(-50%)}.ch-hero-wrap{align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:10px;left:14px}.ch-hero-shadow{filter:blur(2px);background:#8c4a2a66;border-radius:50%;width:54px;height:10px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.ch-hero-pill{background:#fffdf8f0;border-radius:20px;align-items:center;gap:6px;margin-bottom:6px;padding:5px 10px 5px 5px;display:flex;box-shadow:0 3px 10px #8c4a2a33}.ch-hero-badge{color:#fff;background:#f26b21;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font:700 10px "Baloo 2",cursive;display:flex}.ch-hero-name{color:#4a3b30;font:700 10px Noto Sans TC,sans-serif}.ch-bubble-wrap{padding:13px 16px 0;position:relative}.ch-bubble-tail{background:#fffdf8;width:16px;height:16px;position:absolute;top:5px;left:50%;transform:translate(-50%)rotate(45deg)}.ch-bubble{background:#fffdf8;border-radius:22px;padding:15px 16px;position:relative;box-shadow:0 4px 14px #c47c4a29}.ch-bubble-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.ch-bubble-kicker{color:#c0562a;letter-spacing:.14em;font:700 9.5px "Baloo 2",cursive}.ch-bubble-scenario{color:#c9b8a8;font:700 9.5px Noto Sans TC,sans-serif}.ch-skeleton{flex-direction:column;gap:8px;margin-top:13px;display:flex}.ch-skeleton-line{background:#f3e7da;border-radius:6px;height:16px;display:block}.ch-skeleton-note{color:#c9b8a8;margin-top:3px;font:700 10.5px Noto Sans TC,sans-serif;display:block}.ch-zh{color:#4a3b30;margin-top:11px;font:900 19px/1.6 Noto Sans TC,sans-serif}.ch-zh-note{color:#b9a99a;margin-top:8px;font:500 10.5px Noto Sans TC,sans-serif}.ch-command-wrap{padding:12px 16px 0}.ch-command{background:#fff3e4;border-radius:24px;padding:13px;box-shadow:0 4px 14px #c47c4a24}.ch-command-top{align-items:center;gap:8px;padding:0 2px 10px;display:flex}.ch-command-label{color:#c0562a;letter-spacing:.16em;font:700 9.5px "Baloo 2",cursive}.ch-command-rule{background:#ffe0c4;border-radius:2px;flex:1;height:2px}.ch-hint-btn{color:#e08a17;cursor:pointer;background:#fffdf8;border:none;border-radius:20px;align-items:center;gap:5px;padding:6px 11px;font:700 10.5px Noto Sans TC,sans-serif;display:flex}.ch-hint-btn:disabled{opacity:.5;cursor:not-allowed}.ch-answer-textarea{box-sizing:border-box;color:#4a3b30;resize:none;background:#fffdf8;border:2px solid #ffe0c4;border-radius:16px;width:100%;padding:12px;font-family:Noto Sans TC,system-ui,sans-serif;font-size:14px;font-weight:500;line-height:1.6}.ch-answer-textarea:focus{border-color:#f26b21;outline:none}.ch-hint-text{color:#c0964f;margin-top:7px;padding:0 2px;font:500 10.5px Noto Sans TC,sans-serif}.ch-command-actions{gap:10px;margin-top:11px;display:flex}.ch-flee-btn{color:#a2917f;cursor:pointer;background:#f7e4d0;border:none;border-radius:16px;flex:none;padding:13px 15px;font:700 11.5px Noto Sans TC,sans-serif}.ch-submit-btn{color:#fff;border:none;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;display:flex}.ch-submit-btn:active{transform:translateY(4px)}.ch-submit-btn span{font:800 15px Noto Sans TC,sans-serif}.ch-grading-wrap{padding:12px 16px 0}.ch-grading{background:#fffdf8;border-radius:22px;align-items:center;gap:11px;padding:15px 16px;display:flex;box-shadow:0 4px 14px #c47c4a24}.ch-grading-icon{background:#ffe3ce;border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;animation:1.4s ease-in-out infinite bob;display:flex}.ch-grading-text{color:#a2917f;font:700 12px Noto Sans TC,sans-serif}.ch-fb-wrap{padding:12px 16px 0}.ch-fb{border-radius:22px;padding:15px 16px;animation:.2s ease-out pop}.ch-fb-top{align-items:center;gap:9px;display:flex}.ch-fb-icon{border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.ch-fb-title{font:900 14px Noto Sans TC,sans-serif}.ch-fb-dmg{margin-left:auto;font:700 11.5px "Baloo 2",cursive}.ch-fb-block{background:#ffffffbf;border-radius:14px;margin-top:11px;padding:11px 12px}.ch-fb-block-head{align-items:center;gap:6px;display:flex}.ch-fb-block-label{letter-spacing:.12em;font:700 9.5px "Baloo 2",cursive}.ch-fb-praise{color:#4a3b30;margin-top:5px;font:500 12px/1.75 Noto Sans TC,sans-serif}.ch-issue-list{flex-direction:column;gap:9px;margin-top:8px;display:flex}.ch-issue-row{gap:8px;display:flex}.ch-issue-type{color:#c0442a;background:#ffe0dc;border-radius:20px;flex:none;height:fit-content;padding:3px 8px;font:700 9.5px Noto Sans TC,sans-serif}.ch-issue-text{color:#6b5a4b;flex:1;font:500 11.5px/1.7 Noto Sans TC,sans-serif}.ch-weakness{color:#c0562a;margin-top:8px;font:700 11px Noto Sans TC,sans-serif}.ch-alt-list{flex-direction:column;gap:10px;margin-top:8px;display:flex}.ch-alt-top{align-items:baseline;gap:7px;display:flex}.ch-alt-tone{color:#c0562a;letter-spacing:.08em;background:#ffe3ce;border-radius:20px;padding:2px 7px;font:700 8.5px "Baloo 2",cursive}.ch-alt-en{color:#4a3b30;flex:1;font:700 13px/1.5 Noto Sans TC,sans-serif}.ch-alt-note{color:#a2917f;margin-top:4px;font:500 11px/1.7 Noto Sans TC,sans-serif}.ch-fb-cta{color:#fff;cursor:pointer;background:#f26b21;border:none;border-radius:16px;width:100%;margin-top:13px;padding:13px;font:800 14px Noto Sans TC,sans-serif;box-shadow:0 5px #c9521a}.ch-fb-cta:active{transform:translateY(4px);box-shadow:0 1px #c9521a}.ch-result-wrap{padding:18px 16px 26px}.ch-result-card{background:#fffdf8;border-radius:24px;overflow:hidden;box-shadow:0 6px 18px #c47c4a2e}.ch-result-head{text-align:center;background:linear-gradient(160deg,#8c4a2a,#6b2f1b 60%,#54220f);padding:20px 16px 18px}.ch-result-kicker{color:#ffd86b;letter-spacing:.16em;font:700 10px "Baloo 2",cursive}.ch-result-title{color:#fff;margin-top:5px;font:900 24px Noto Sans TC,sans-serif}.ch-result-sub{color:#f0b98a;margin-top:5px;font:500 11.5px Noto Sans TC,sans-serif}.ch-result-body{padding:16px}.ch-result-stats{gap:10px;display:flex}.ch-result-stat{text-align:center;border-radius:16px;flex:1;padding:12px}.ch-result-stat-label{font:700 9.5px Noto Sans TC,sans-serif}.ch-result-stat-value{margin-top:2px;font:700 19px "Baloo 2",cursive}.ch-bonus-row{flex-direction:column;gap:6px;margin-top:12px;display:flex}.ch-bonus-chip{color:#b06a10;background:#fff1dc;border-radius:14px;padding:8px 12px;font:700 11px Noto Sans TC,sans-serif}.ch-drops-label{color:#4a3b30;margin-top:16px;font:900 13px Noto Sans TC,sans-serif}.ch-drops-grid{flex-wrap:wrap;gap:10px;margin-top:9px;display:flex}.ch-drop-mini{background:#fff8f0;border-radius:18px;flex:44%;min-width:132px;overflow:hidden;box-shadow:0 3px 10px #c47c4a24}.ch-drop-mini-art{padding:8px 8px 0}.ch-drop-mini-body{padding:8px 10px 10px}.ch-drop-mini-title{color:#4a3b30;font:900 11.5px/1.5 Noto Sans TC,sans-serif}.ch-drop-mini-tier{letter-spacing:.06em;margin-top:4px;font:700 8.5px "Baloo 2",cursive}.ch-empty-drops{color:#c9b8a8;margin-top:9px;font:500 11.5px Noto Sans TC,sans-serif}.ch-result-again{color:#fff;cursor:pointer;background:#f26b21;border:none;border-radius:16px;width:100%;margin-top:18px;padding:14px;font:800 15px Noto Sans TC,sans-serif;box-shadow:0 4px #c9521a}.ch-result-again:active{box-shadow:none;transform:translateY(3px)}.ch-result-home{color:#8a6350;cursor:pointer;background:#f3e7da;border:none;border-radius:16px;width:100%;margin-top:9px;padding:12px;font:700 13px Noto Sans TC,sans-serif}