:root{--c-black:#102e36;--c-white:#fffdf6;--c-yellow:#e4efc9;--c-pink:#b64233;--c-green:#c6dbd0;--c-red:#b64233;--font-display:system-ui,"PingFang SC","Microsoft YaHei",sans-serif;--font-body:var(--font-display);--border-thick:2px solid var(--c-black);--shadow-hard:0 4px 0 #102e3633}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;padding:24px;background:#10232c;color:var(--c-black);font-family:var(--font-body);display:flex;flex-direction:column;align-items:center}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c34532;outline-offset:4px}button[hidden],[hidden],.hidden{display:none!important}.skip-link{position:absolute;left:16px;top:-100px;background:white;padding:12px;z-index:2000}.skip-link:focus{top:12px}.no-script{max-width:760px;background:var(--c-white);padding:30px;line-height:1.8}
#app{width:min(100%,1060px);height:min(880px,calc(100dvh - 92px));min-height:600px;background:var(--c-white);border:1px solid #456168;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;position:relative;box-shadow:0 25px 70px #07111760}.utility-bar{flex:0 0 auto;min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;background:#f8fbef;border-bottom:1px solid #aebfb4;z-index:40}.game-brand{display:flex;gap:9px;align-items:center;text-decoration:none;color:var(--c-black);font-size:11px;letter-spacing:.13em;font-weight:800;white-space:nowrap}.game-brand img{width:36px;height:36px;border-radius:9px}.utility-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.utility-actions #panor-lang-toggle{position:static!important;inset:auto!important;z-index:auto!important;transform:none!important;font:600 12px var(--font-body)!important;background:#e5eee8!important;color:#173b42!important;border:1px solid #92a99f!important;border-radius:10px!important;padding:10px!important;min-height:42px;white-space:nowrap}
.btn,.btn-icon{min-height:44px;border:var(--border-thick);border-radius:11px;padding:11px 18px;font-weight:750;line-height:1.3;transition:background .15s,color .15s;white-space:nowrap}.btn.primary{background:#c74d3c;color:#fff;border-color:#c74d3c;box-shadow:var(--shadow-hard)}.btn.primary:hover{background:#a53c2f;border-color:#a53c2f}.btn.ghost,.btn-icon{background:#fffdf6;color:var(--c-black);border-color:#aebfb4;box-shadow:none}.btn.ghost:hover,.btn-icon:hover{background:#e5eee8}.btn-icon{font-size:12px;padding:10px 12px}.utility-actions .btn{font-size:12px;padding:10px 12px}
.view{min-height:0;flex:1}.eyebrow{font-size:12px;letter-spacing:.09em;font-weight:750;margin:0 0 12px}.title{font-size:clamp(32px,5vw,60px);line-height:1.14;letter-spacing:-.04em;font-weight:850;margin:0}.home-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center}#view-home{position:relative;background:#122f38;color:#f9fbf2;display:flex;align-items:center}.home-copy{position:relative;width:48%;z-index:1;padding:44px 20px 44px 42px;background:linear-gradient(90deg,#102b35ee,#102b35cc 72%,transparent)}.home-copy .title{max-width:6em}.home-description{font-size:16px;line-height:1.8;color:#e5eee7;margin:22px 0 28px}.home-copy .eyebrow{color:#c9e8db}.home-note,.content-note{font-size:12px;line-height:1.65}.home-note{color:#dceadf}.home-copy .content-note{max-width:30em;color:#c1d5ce;margin:20px 0 0}.home-copy #retry-art{font-size:12px}
#view-select{padding:28px;overflow:auto;background:#edf3e7}.select-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:34px}.select-header .title{font-size:32px}.select-header .eyebrow{color:#4c6659}.files-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px}.file-folder{position:relative;min-width:0;min-height:140px;border:1px solid #8da99b;border-radius:0 12px 12px 12px;padding:18px 14px;background:#fffdf6;color:var(--c-black);text-align:left;font:inherit;transition:background .15s,box-shadow .15s}.file-folder:hover,.file-folder:focus-visible{background:#f3e5c9;box-shadow:0 5px 0 #8fa99c44}.file-tab{position:absolute;top:-18px;left:-1px;border:1px solid #8da99b;border-bottom:0;border-radius:7px 7px 0 0;padding:3px 9px;background:#e3ecdc;font-size:11px;letter-spacing:.03em}.file-content{height:100%;display:flex;align-items:center}.file-name{font-size:22px;font-weight:750;line-height:1.5;white-space:pre-line}.stamp{display:block;margin-top:8px;font-size:11px;color:#b34635}.file-folder .stamp{opacity:0}.file-folder:hover .stamp,.file-folder:focus-visible .stamp{opacity:1}
#view-game{display:flex;flex-direction:column;overflow:auto;background:#e5eee8}.round-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 18px;background:#f8fbef;font-size:12px;color:#4d665b;flex:0 0 auto}.turn-counter{font-weight:750;color:#16353b;white-space:nowrap}.panel-boss{position:relative;flex:1 1 320px;min-height:240px;display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.9fr);align-items:center;padding:20px 56px 0 24px;gap:16px;background:#c6dbd0;transition:background .2s;overflow:hidden}.panel-boss[data-mood=surprised]{background:#d5dbc8}.panel-boss[data-mood=deflated]{background:#e5c9bc}.speech-bubble{align-self:start;position:relative;max-height:100%;overflow:auto;background:#fffdf6;border:1px solid #8ba498;border-radius:17px 17px 3px 17px;padding:20px;margin:0 0 20px;z-index:3;box-shadow:0 5px 0 #102e3612}.speech-bubble-inner{font-size:clamp(14px,1.5vw,17px);line-height:1.75;word-break:break-word}.boss-visual-wrapper{position:relative;align-self:end;min-width:0;height:100%;max-height:420px;display:flex;align-items:flex-end;justify-content:center}.boss-img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.boss-img.hit{filter:saturate(1.1)}.ego-meter-container{position:absolute;right:16px;bottom:24px;width:18px;height:55%;max-height:220px;min-height:90px;border-radius:10px;border:1px solid #56756a;background:#f8fbef;display:flex;flex-direction:column-reverse}.ego-fill{width:100%;border-radius:9px;background:#3b7566;transition:height .2s}.ego-fill.danger{background:#b64233}.ego-label{position:absolute;top:-26px;left:50%;transform:translateX(-50%);font-size:12px;font-weight:750;white-space:nowrap;color:#254a41}
.panel-player{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 18px 12px;flex:0 0 auto;background:#f8fbef}.action-card{font:inherit;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;min-width:0;min-height:118px;border:1px solid #91ab9d;border-radius:13px;background:#fffdf6;color:#183940;padding:15px;transition:border-color .15s,background .15s}.action-card:hover,.action-card:focus-visible{border-color:#b64233;background:#fff3e6}.action-label{font-size:11px;font-weight:800;color:#a34232;letter-spacing:.05em}.action-text{font-size:15px;line-height:1.55;font-weight:650;word-break:break-word}.action-cost{display:none}.action-card.selected{background:#f4e2ca}.round-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px;padding:8px 18px 14px;background:#f8fbef;flex:0 0 auto}.round-hint{font-size:12px;color:#587065}.round-actions .btn{font-size:13px;padding:10px 14px}
.modal{padding:0;border:0;border-radius:18px;max-width:min(440px,calc(100vw - 32px));width:100%;max-height:calc(100dvh - 32px);overflow:auto;color:var(--c-black);background:#fffdf6;box-shadow:0 22px 80px #06141b80}.modal::backdrop{background:#091b26b8;backdrop-filter:blur(5px)}.modal:not([open]){display:none}.ending-card{display:flex;flex-direction:column}.card-header{padding:18px 20px;background:#183b43;color:#fff;display:flex;gap:15px;align-items:center;justify-content:space-between}.card-header h2{font-size:19px;margin:0}.card-title{font-size:16px;font-weight:750}.card-date{font-size:11px;white-space:nowrap;color:#c9e8db}.card-body{padding:22px;display:flex;flex-direction:column;align-items:center;gap:16px}.boss-portrait{width:116px;height:116px;border-radius:50%;background:#dce9d8;overflow:hidden}.boss-portrait img{width:100%;height:100%;object-fit:contain}.result-info{text-align:center}#end-title{font-size:23px;margin:0 0 14px;line-height:1.4}#end-desc{font-size:14px;line-height:1.8;text-align:left;margin:0;white-space:pre-line}.card-stamp{align-self:center;border:2px solid #b64233;color:#b64233;padding:6px 12px;font-size:19px;transform:rotate(-7deg);margin-bottom:16px}.card-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:16px;border-top:1px solid #d5e0d3}.card-actions .btn{font-size:13px}.name-modal label{font-size:14px;font-weight:750;align-self:flex-start}.name-modal input{width:100%;padding:12px;border:1px solid #91ab9d;border-radius:9px;font-size:16px}.name-modal .card-actions{padding:8px 0 0;width:100%;border:0;justify-content:space-between}.name-modal .content-note{margin:0;align-self:flex-start;color:#587065}.game-footer{width:min(100%,1060px);display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#bfd5cd;padding:12px 4px}.game-footer a{color:inherit;text-underline-offset:3px}
.stapler-projectile,.damage-pop{position:fixed;pointer-events:none;z-index:80}.stapler-projectile{width:54px;height:54px;object-fit:contain}.stuck-projectile{position:absolute;width:30px;height:30px;object-fit:contain;pointer-events:none;z-index:4}.damage-pop{font-size:24px;font-weight:850;color:#a63627;background:#fff7ec;padding:3px 8px;border-radius:8px;animation:pop-out .8s both}.screen-shake{animation:shake .25s ease-out}.card-shake{animation:card-flash .2s ease-out}@keyframes pop-out{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-55px)}}@keyframes shake{0%,100%{transform:rotate(0)}35%{transform:rotate(-2deg)}70%{transform:rotate(2deg)}}@keyframes card-flash{50%{background:#f3dfbe}}
@media(max-width:700px){body{padding:0}#app{width:100%;height:100dvh;min-height:600px;max-height:none;border:0;border-radius:0;box-shadow:none}.utility-bar{padding:8px 10px;min-height:58px}.game-brand span{display:none}.game-brand img{width:32px;height:32px}.utility-actions{gap:5px}.utility-actions .btn,.btn-icon{font-size:11px;padding:9px}.utility-actions #panor-lang-toggle{font-size:11px!important;padding:9px!important;min-height:42px}#view-home{display:flex;flex-direction:column;align-items:stretch;overflow:auto}.home-art{position:relative;flex:0 0 auto;width:100%;height:auto;max-height:35dvh;object-fit:cover;object-position:right center}.home-copy{width:100%;padding:22px 24px 28px;background:#122f38}.home-copy .title{font-size:34px;max-width:9em}.home-description{font-size:14px;margin:13px 0 19px}.home-copy .content-note{margin-top:16px;font-size:11px}.eyebrow{font-size:11px;margin-bottom:8px}#view-select{padding:22px 18px}.select-header{align-items:flex-start;margin-bottom:30px}.select-header .title{font-size:25px}.select-header .btn{padding:10px;font-size:12px}.files-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}.file-folder{min-height:118px;padding:13px}.file-name{font-size:17px}.round-heading{padding:9px 12px;font-size:10px;gap:6px}.panel-boss{min-height:230px;flex:1 1 300px;padding:14px 38px 0 12px;gap:5px;grid-template-columns:minmax(0,1.2fr) minmax(90px,.8fr)}.speech-bubble{padding:12px;border-radius:13px;font-size:13px;max-height:calc(100% - 14px);margin:0 0 14px}.speech-bubble-inner{font-size:13px;line-height:1.65}.ego-meter-container{right:12px;width:12px;bottom:18px}.ego-label{font-size:10px}.panel-player{padding:12px;gap:9px}.action-card{min-height:115px;padding:12px}.action-text{font-size:13px;line-height:1.6}.action-label{font-size:10px}.round-actions{padding:6px 12px 12px;min-height:66px}.round-hint{font-size:10px;max-width:13em}.round-actions .btn{font-size:12px}.game-footer{padding:12px 14px;font-size:10px}.modal{max-height:calc(100dvh - 24px)}}
@media(max-height:600px) and (min-width:701px){#app{height:auto;min-height:620px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.damage-pop{display:none}}