*{box-sizing:border-box;margin:0;padding:0}html,body,#viewport{width:100%;height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#cfd8e3;font-family:Songti SC,STSong,SimSun,Microsoft YaHei,PingFang SC,system-ui,sans-serif}#viewport canvas{display:block}.hidden{display:none!important}#titlebar{z-index:30;pointer-events:none;background:linear-gradient(#2b1a11e6 0%,#2b1a118c 55%,#2b1a1100 100%);padding:16px 22px;position:fixed;top:0;left:0;right:0}.titlebar-inner{align-items:center;gap:14px;width:fit-content;display:flex}.titlebar-seal{color:#fff3c4;background:linear-gradient(160deg,#b01e23,#7a1519);border:2px solid #9a7a3a;border-radius:8px;place-items:center;width:42px;height:42px;font-size:22px;font-weight:700;display:grid;box-shadow:inset 0 1px #ffffff40,0 4px 10px #00000059}.titlebar-text{flex-direction:column;gap:2px;display:flex}#titleMain{letter-spacing:4px;color:#f4efe4;text-shadow:0 2px 6px #00000080;font-size:22px;font-weight:700;line-height:1.1}#titleSub{letter-spacing:3px;color:#9a7a3a;opacity:.9;font-size:12px}#hud{z-index:10;gap:10px;display:flex;position:fixed;top:14px;right:14px}#zoneNav{z-index:10;background:linear-gradient(#8f1723,#5a0f18);border:1.5px solid #b98a3c;border-radius:999px;align-items:center;gap:4px;padding:8px 14px;display:flex;position:fixed;bottom:70px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #00000080,inset 0 1px 3px #f0cf6b26}.zoneNav-btn{letter-spacing:2px;color:#d8cbb2;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:7px 16px;font-family:inherit;font-size:15px;transition:background .15s,color .15s;display:flex}.zoneNav-btn .zi{font-size:17px;line-height:1}.zoneNav-btn:hover{color:#f0cf6b}.zoneNav-btn.active{color:#f5d879;background:radial-gradient(#6d141d,#3c0a10);border-color:#d9b45ba6;box-shadow:0 0 6px #d9b45b59}.btn{letter-spacing:2px;color:#f0cf6b;cursor:pointer;background:linear-gradient(#8f1723,#5a0f18);border:1.5px solid #b98a3c;border-radius:999px;padding:9px 20px;font-family:inherit;font-size:14px;transition:background .15s,transform .15s,border-color .15s;box-shadow:0 3px 10px #00000073,inset 0 1px 3px #f0cf6b26}.btn:hover{border-color:#d9b45b;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(#a8232e,#6d141d);border-color:#d9b45b}.btn-primary:hover{background:linear-gradient(#b62c38,#7a1720)}#hint{z-index:10;pointer-events:none;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.hint-pill{letter-spacing:1px;color:#f4efe4;white-space:nowrap;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2b1a11c7;border:1px solid #d9b64a73;border-radius:999px;padding:7px 18px;font-size:13px;display:inline-block;box-shadow:0 4px 12px #0000004d}#voiceTip{z-index:10;pointer-events:none;position:fixed;bottom:62px;left:50%;transform:translate(-50%)}#voiceTip .voice-pill{letter-spacing:1px;color:#f4efe4;white-space:nowrap;background:#7a1519d9;border:1px solid #f0cf6ba6;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;display:inline-flex;box-shadow:0 4px 12px #00000059}#voiceTip .voice-pill .voice-dot{background:#f0cf6b;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite voicePulse}@keyframes voicePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}#avatarBox{z-index:50;pointer-events:none;filter:drop-shadow(0 10px 24px #00000059);width:240px;position:fixed;bottom:22px;left:22px}#avatarBox:not(.hidden){animation:.6s cubic-bezier(.22,.9,.3,1.2) forwards avatarEnter}@keyframes avatarEnter{0%{opacity:0;transform:translateY(40px)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}#avatarBox:not(.hidden) .avatar-frame{transform-origin:50% 100%;animation:3.2s ease-in-out infinite avatarBreath}@keyframes avatarBreath{0%,to{transform:scale(1)}50%{transform:scale(1.018)}}#avatarBox.speaking .avatar-frame{animation:.9s ease-in-out infinite avatarTalk}@keyframes avatarTalk{0%,to{transform:rotate(0)translateY(0)}50%{transform:rotate(1.6deg)translateY(3px)}}.avatar-frame{background:linear-gradient(165deg,#fffcf6f5,#f4eee0f5);border:2px solid #b98a3cd9;border-radius:20px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 8px #ffffff8c,0 14px 34px #00000059}.avatar-frame img{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}#avatarBubble{letter-spacing:1px;color:#fdeecb;text-align:center;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#4a1419e0;border:1px solid #f0cf6b99;border-radius:10px;width:calc(100% - 24px);margin:0 auto;padding:7px 12px;font-size:13px;position:absolute;bottom:8px;left:0;right:0;overflow:hidden}#crosshair{z-index:9;pointer-events:none;background:#9a7a3ad9;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:fixed;top:50%;left:50%;box-shadow:0 0 0 1.5px #2b1a11b3,0 0 8px #9a7a3a99}#hoverTip{z-index:40;letter-spacing:1px;color:#f4efe4;pointer-events:none;white-space:nowrap;background:#2b1a11e0;border:1px solid #d9b64a99;border-radius:6px;padding:5px 12px;font-size:13px;position:fixed;transform:translate(14px,14px);box-shadow:0 4px 12px #00000059}#panel{color:#f4efe4;z-index:20;background:linear-gradient(165deg,#3c2619f7,#2b1a11fa);border:1px solid #d9b64acc;border-radius:12px;width:340px;max-width:calc(100vw - 40px);padding:22px 24px;animation:.22s cubic-bezier(.22,.61,.36,1) panelIn;position:fixed;top:74px;right:20px;box-shadow:0 18px 50px #00000080,inset 0 1px #ffffff1f}#panel:before{content:"";background:linear-gradient(90deg,#b01e23,#9a7a3a,#b01e23);border-radius:12px 12px 0 0;height:3px;position:absolute;top:0;left:0;right:0}@keyframes panelIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}#panel h2{letter-spacing:1px;color:#9a7a3a;margin-bottom:12px;padding-right:24px;font-size:20px}#panel p{color:#efe7d6;font-size:14px;line-height:1.9}#closeBtn{color:#9a7a3a;cursor:pointer;background:0 0;border:1px solid #d9b64a99;border-radius:6px;width:28px;height:28px;font-size:18px;line-height:1;transition:background .15s,color .15s;position:absolute;top:12px;right:14px}#closeBtn:hover{color:#fff3c4;background:#d9b64a33}#lightbox{z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#lightboxBackdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:zoom-out;background:#0a0805e0;position:absolute;inset:0}#lightboxStage{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:12px;max-width:92vw;max-height:92vh;display:flex;position:relative}#lightboxImg{object-fit:contain;background:#0c0a07;border:2px solid #d9b64a8c;border-radius:8px;max-width:92vw;max-height:82vh;display:block;box-shadow:0 24px 80px #000000b3}#lightboxCap{color:#f4efe4;letter-spacing:1px;text-shadow:0 1px 4px #0009;align-items:center;gap:18px;font-size:16px;display:flex}#lightboxTitle{color:#f0cf6b;font-weight:600}.lb-btn{color:#f4efe4;cursor:pointer;background:#7a1519e6;border:1px solid #f0cf6bb3;border-radius:8px;width:36px;height:36px;font-size:20px;line-height:1;transition:background .15s,transform .15s}.lb-btn:hover{background:#8f161af2;transform:translateY(-1px)}#flipWall{z-index:200;background:#0a0507f5;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#flipWall.hidden{display:none!important}#flipWallFrame{background:#fff;border:none;width:100%;height:100%}#webView{z-index:200;background:#0a0507f5;position:fixed;inset:0}#webView.hidden{display:none!important}#webViewFrame{background:#fff;border:none;width:100%;height:100%}#webViewClose{z-index:210;color:#f4efe4;cursor:pointer;background:#7a1519eb;border:1px solid #f0cf6bcc;border-radius:10px;width:44px;height:44px;font-size:24px;line-height:1;transition:background .15s,transform .15s;position:fixed;top:14px;right:14px;box-shadow:0 4px 14px #00000080}#webViewClose:hover{background:#8f161afa;transform:translateY(-1px)}#gameView{z-index:200;background:#0a0507f5;position:fixed;inset:0}#gameView.hidden{display:none!important}#gameViewFrame{background:#fff;border:none;width:100%;height:100%}#gameViewClose{z-index:210;color:#f4efe4;cursor:pointer;background:#7a1519eb;border:1px solid #f0cf6bcc;border-radius:10px;width:44px;height:44px;font-size:24px;line-height:1;transition:background .15s,transform .15s;position:fixed;top:14px;right:14px;box-shadow:0 4px 14px #00000080}#gameViewClose:hover{background:#8f161afa;transform:translateY(-1px)}#flipWallClose{z-index:210;color:#f4efe4;cursor:pointer;background:#7a1519eb;border:1px solid #f0cf6bcc;border-radius:10px;width:44px;height:44px;font-size:24px;line-height:1;transition:background .15s,transform .15s;position:fixed;top:14px;right:14px;box-shadow:0 4px 14px #00000080}#flipWallClose:hover{background:#8f161afa;transform:translateY(-1px)}.fw-header{flex-wrap:wrap;align-items:baseline;gap:16px;padding:2px 6px;display:flex}.fw-title{letter-spacing:3px;color:#f0cf6b;text-shadow:0 2px 8px #00000080;font-family:KaiTi,STKaiti,Kaiti SC,serif;font-size:26px;font-weight:700}.fw-sub{color:#f4efe4a6;letter-spacing:1px;font-size:13px}.fw-close{color:#f4efe4;cursor:pointer;background:#7a1519e6;border:1px solid #f0cf6bb3;border-radius:8px;width:38px;height:38px;margin-left:auto;font-size:22px;line-height:1;transition:background .15s,transform .15s}.fw-close:hover{background:#8f161af2;transform:translateY(-1px)}.fw-stage{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.fw-cols{flex:1;align-items:stretch;gap:18px;min-height:0;display:flex}.fw-col{flex-direction:column;gap:12px;width:26%;min-height:0;display:flex}.fw-center{background:radial-gradient(#6e101866 0%,#6e10181f 70%);border:1.5px dashed #d9b45b40;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.6em;display:flex}.fw-lz-char{color:#7a1220;letter-spacing:.05em;text-shadow:0 3px 14px #00000073;font-family:KaiTi,STKaiti,Kaiti SC,serif;font-size:clamp(4rem,11vw,9rem);font-weight:800}.fw-banner{z-index:2;text-align:center;letter-spacing:.28em;color:#f0cf6b;text-shadow:0 2px 6px #00000080;background:linear-gradient(90deg,#7a121ad9,#8f1723d9,#7a121ad9);border-top:2px solid #d9b45b80;border-bottom:2px solid #d9b45b80;padding:8px 0;font-family:KaiTi,STKaiti,Kaiti SC,serif;font-size:24px;font-weight:800;position:relative}.fw-card{cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;min-height:0;position:relative}.fw-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1);position:relative}.fw-card.flipped .fw-card-inner{transform:rotateY(180deg)}.fw-face{backface-visibility:hidden;text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:6px 8px;display:flex;position:absolute;inset:0;overflow:hidden}.fw-front{background:linear-gradient(160deg,#a81d28 0%,#8f1723 100%);border:2px solid #d9b45b;box-shadow:inset 0 0 0 3px #d9b45b40,0 3px 10px #00000073}.fw-back{color:#4a3f33;background:#f7f3ea;border:2px solid #9a8f82;transform:rotateY(180deg);box-shadow:inset 0 0 0 3px #9a8f8240,0 3px 10px #00000073}.fw-tag{letter-spacing:1px;color:#f5e7c4d9;border-bottom:1px solid #f5e7c466;padding-bottom:1px;font-size:11px;position:absolute;top:4px;left:6px}.fw-text{color:#f7e9c9;letter-spacing:.5px;word-break:break-all;text-shadow:0 1px 3px #00000059;font-size:15px;font-weight:600;line-height:1.5}.fw-back .fw-text{color:#4a3f33;text-shadow:none;font-size:14px}.kind-person .fw-text{letter-spacing:1px;font-family:KaiTi,STKaiti,Kaiti SC,serif;font-size:20px}.kind-poem .fw-text,.kind-slogan .fw-text{font-family:KaiTi,STKaiti,Kaiti SC,serif;font-size:16px}.kind-quote .fw-text{font-size:13px;font-weight:500}.fw-card:hover .fw-card-inner{transform:scale(1.04)}.fw-card:hover.flipped .fw-card-inner{transform:rotateY(180deg)scale(1.04)}@media (width<=900px){.fw-text{font-size:12px}.kind-person .fw-text{font-size:15px}.kind-poem .fw-text,.kind-slogan .fw-text{font-size:13px}.fw-lz-char{font-size:clamp(3rem,9vw,6rem)}}