@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Noto+Serif+KR:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600&display=swap');
:root{color-scheme:dark;--ink:#101a20;--deep:#09151a;--gold:#c4a46b;--light-gold:#e1c892;--paper:#f2e9d8;--muted:#b7b4a7;--serif:'Cormorant Garamond','Noto Serif KR',Georgia,serif;--sans:'Noto Sans KR',system-ui,sans-serif;--stroke:rgba(196,164,107,.35)}
*{box-sizing:border-box}html{min-height:100%;background:var(--deep)}body{margin:0;color:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.6;min-height:100svh;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--light-gold);outline-offset:5px}button{touch-action:manipulation}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}
.study-background{position:fixed;inset:0;background:linear-gradient(90deg,rgba(6,17,22,.62),rgba(6,17,22,.08) 70%),url('../assets/backgrounds/study.webp') center/cover;z-index:-2}.study-background::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#09151aed,transparent 25%,transparent 75%,#09151a88)}.outer-frame{position:fixed;inset:16px;border:1px solid var(--stroke);pointer-events:none;z-index:4}.outer-frame::after{content:'';position:absolute;inset:5px;border:1px solid #c4a46b20}.site-header{height:100px;padding:20px clamp(32px,5vw,100px);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:13px;font-family:var(--serif);font-size:28px;color:var(--light-gold)}.brand svg{width:35px;height:35px;stroke-width:1}.header-controls{display:flex;align-items:center;gap:14px}.languages{display:flex;align-items:center;gap:12px;font-size:13px;white-space:nowrap}.languages a{min-height:44px;display:flex;align-items:center;color:#c1b9a7;position:relative}.languages a[aria-current]{color:var(--light-gold)}.languages a[aria-current]::after{content:'';position:absolute;bottom:2px;left:0;right:0;height:1px;background:var(--gold)}.languages span{opacity:.4}.icon-button{background:#12282b75;border:1px solid var(--stroke);width:44px;height:44px;display:grid;place-items:center;color:var(--light-gold);border-radius:3px;transition:background .15s,border-color .15s}.icon-button:hover{background:#203b3d;border-color:var(--gold)}
.title-screen{min-height:calc(100svh - 165px);padding:clamp(20px,5vh,80px) clamp(48px,9vw,180px) 30px;position:relative;display:flex;align-items:center}.hero-copy{width:min(530px,46vw);padding:20px 0 30px;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:500;color:var(--gold)}.hero-copy>.eyebrow{display:flex;align-items:center;gap:14px}.eyebrow>span:empty{height:1px;width:28px;background:var(--gold);opacity:.6}h1{font-family:var(--serif);font-weight:500;color:#f5dfac;font-size:clamp(66px,7.5vw,118px);line-height:1.2;letter-spacing:-.04em;margin:28px 0 12px;text-shadow:0 3px 28px #0008}html[lang=en] h1{font-size:clamp(68px,7.4vw,112px);line-height:.93;margin-top:28px;letter-spacing:-.035em}.hero-subtitle{font-family:var(--serif);color:var(--gold);font-size:14px;letter-spacing:.34em;margin:16px 0 30px}.ornament{display:flex;align-items:center;gap:14px;color:var(--gold);font-size:8px;max-width:380px}.ornament i{height:1px;background:linear-gradient(90deg,transparent,var(--gold));flex:1;opacity:.7}.ornament i:last-child{transform:rotate(180deg)}.hero-intro{font-family:var(--serif);font-size:clamp(19px,1.65vw,23px);line-height:1.75;max-width:410px;margin:28px 0 22px;word-break:keep-all}.rule-note{display:flex;align-items:center;gap:17px;max-width:385px;margin-bottom:30px;color:#c4c0b5}.rule-number{font-family:var(--serif);font-size:38px;color:var(--gold);line-height:1;border:1px solid #c4a46b50;padding:10px 12px}.rule-note p{font-size:12px;line-height:1.9;margin:0;word-break:keep-all}.brass-button{position:relative;border:0;background:transparent url('../assets/ui/brass-button.webp') center/106% 181% no-repeat;min-height:62px;min-width:190px;padding:12px 30px;color:#201c15;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-family:var(--serif);font-size:21px;font-weight:700;text-shadow:0 1px #f7e5b877;filter:drop-shadow(0 5px 8px #0006);transition:filter .16s,transform .12s}.brass-button:hover{filter:brightness(1.12) drop-shadow(0 5px 10px #0006)}.brass-button:active{transform:translateY(2px);filter:brightness(.9)}.hero-start{width:305px;max-width:100%;font-size:24px;letter-spacing:.06em}.brass-button svg{width:22px;height:22px}.text-button{border:0;background:none;color:var(--gold);padding:10px 8px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px}.text-button:hover{color:#f6deb0}.hero-copy>#resume{display:flex;margin:10px 0 0;width:305px;max-width:100%}.hero-records{display:flex;gap:30px;align-items:center;margin-top:34px;max-width:305px;justify-content:center}.hero-records>div{display:flex;align-items:baseline;gap:15px}.hero-records span{color:var(--muted);font-size:11px}.hero-records strong{font-family:var(--serif);font-size:28px;font-weight:500;color:var(--light-gold)}.hero-records>i{width:1px;height:24px;background:var(--stroke)}.hero-art-caption{position:absolute;bottom:50px;right:12%;display:flex;gap:17px;align-items:center;font-family:var(--serif);font-size:11px;letter-spacing:.2em;color:#d3bd8eaa}.hero-art-caption i{height:1px;width:80px;background:#c4a46b55}.site-footer{padding:16px clamp(40px,5vw,100px) 28px;display:flex;justify-content:space-between;gap:20px;color:#b7aa8d88;font-size:10px;letter-spacing:.15em}.site-footer a{letter-spacing:.02em;min-height:24px}.site-footer a:hover{color:var(--gold)}
body[data-screen=game] .study-background,body[data-screen=result] .study-background{filter:brightness(.33)}.game-screen{max-width:850px;margin:0 auto;padding:0 30px 24px}.game-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.case-label{font-family:var(--serif);font-size:15px;color:var(--muted);letter-spacing:.08em}.case-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.case-head .eyebrow{letter-spacing:.08em}.turn-number{display:flex;align-items:baseline;gap:8px;line-height:1.2}.turn-number strong{font-family:var(--serif);font-size:47px;font-weight:500;color:var(--light-gold);font-variant-numeric:tabular-nums}.turn-number span{font-family:var(--serif);font-size:22px;color:#c5c0b199}.streak-chip{display:flex;gap:10px;align-items:center;color:var(--gold);font-size:12px}.streak-chip strong{font-family:var(--serif);font-size:29px;font-variant-numeric:tabular-nums}.streak-chip svg{width:20px}.turn-marks{display:grid;grid-template-columns:repeat(20,1fr);gap:5px;margin:16px 0 20px}.turn-mark{height:6px;border:1px solid #e1bf7488;background:linear-gradient(#ead5a2,#937347);box-shadow:0 0 8px #c4a46b15;border-radius:1px;transition:background .25s,opacity .25s}.turn-mark.spent{background:#1e3033;box-shadow:none;border-color:#c4a46b24;opacity:.55}.case-file{position:relative;background:#f2e9d8;color:#263033;border:30px solid transparent;border-image:url('../assets/ui/parchment-panel.webp') 95 fill / 30px / 0 stretch;box-shadow:0 15px 40px #0005;min-height:270px}.paper-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #a68a5e50;padding:0 0 12px;font-family:var(--serif);font-weight:600;letter-spacing:.08em;font-size:16px;color:#685a42}.paper-heading-decoration{font-size:20px;letter-spacing:.1em;font-weight:400;color:#a0804b}.history{max-height:clamp(220px,34vh,400px);overflow:auto;scrollbar-width:thin;scrollbar-color:#b4a181 transparent;overscroll-behavior:contain}.history-row{padding:18px 0;border-bottom:1px solid #a68a5e38;display:grid;grid-template-columns:28px 1fr auto;gap:13px;align-items:start}.history-row:last-child{border-bottom:0}.history-number{font-family:var(--serif);font-size:20px;line-height:1.5;color:#8d7959;font-variant-numeric:tabular-nums}.history-question{font-size:15px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.history-mode{display:block;font-size:10px;color:#8c7758;margin-bottom:3px}.stamp{display:inline-block;min-width:53px;max-width:160px;padding:2px 9px;border:2px solid currentColor;outline:1px solid currentColor;outline-offset:2px;color:#28665b;font-family:var(--serif);font-size:19px;font-weight:700;line-height:1.5;text-align:center;transform:rotate(-5deg);margin:3px 4px 0;white-space:nowrap}.stamp.no,.stamp.wrong_guess{color:#8b3f36;transform:rotate(4deg)}.stamp.unknown,.stamp.multiple,.stamp.duplicate{color:#7b725e;font-size:13px;transform:none;border-style:dashed;outline:0}.history-note{grid-column:2/4;font-size:11px;color:#756951;margin:0;line-height:1.7}.history-row.is-new .stamp{animation:stamp-in .24s ease-out}.empty-history{padding:26px 10px 30px;text-align:center}.wax-seal{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;margin:0 auto 16px;background:radial-gradient(circle at 35% 25%,#a34935,#6d241e 60%,#3d1716);border:4px double #b36445;box-shadow:0 3px 0 #55221d,0 5px 10px #492a2525;font-family:var(--serif);font-size:32px;color:#e1b07b;transform:rotate(-8deg)}.empty-history h2{font-family:var(--serif);font-size:20px;font-weight:500;margin:12px 0 7px}.empty-history p{font-size:12px;color:#8b7e67;margin:0}.composer-wrap{padding:18px 0 0}.mode-tabs{display:flex;border:1px solid var(--stroke);padding:4px;background:#0e2228;gap:4px}.mode-tabs button{border:1px solid transparent;background:none;flex:1;min-height:44px;padding:6px 10px;color:#b8a785;font-family:var(--serif);font-size:17px}.mode-tabs button[aria-pressed=true]{border-color:#bc9a5e99;background:linear-gradient(#36515077,#233d3d55);color:#f0d9a8;box-shadow:inset 0 0 12px #c4a46b10}.composer{display:flex;gap:12px;align-items:stretch;margin-top:12px}.composer textarea{resize:none;background:#0f252a;border:1px solid #b8955d66;border-radius:2px;color:var(--paper);padding:16px;min-height:62px;max-height:150px;flex:1;min-width:0;font-size:16px;line-height:1.65}.composer textarea::placeholder{color:#91a2a4;font-size:14px}.composer .brass-button{min-width:125px;font-size:20px;padding:8px 17px;background-size:110% 181%}.composer .brass-button svg{display:none}.composer-meta{min-height:25px;display:flex;justify-content:flex-end;gap:12px;padding:4px 1px;font-size:11px;color:#a99d84}.composer-meta #pending{margin-right:auto;color:var(--light-gold)}.composer-meta #pending::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold);margin-right:9px;animation:breathe 1s infinite}.privacy-note{font-size:10px;color:#a6a99c;line-height:1.7;margin:4px 0;text-align:center}.last-turn{border-left:2px solid var(--gold);padding:8px 12px;margin-bottom:12px;background:#c4a46b0d;color:var(--light-gold);font-size:12px}.game-screen[data-mode=guesses] .composer textarea{border-color:var(--light-gold);box-shadow:inset 0 0 25px #c4a46b0b}.composer.wrong{animation:wrong-nudge .22s ease-out}
.result-screen{padding:25px 24px 45px;position:relative}.result-card{position:relative;z-index:1;max-width:600px;margin:0 auto;text-align:center;padding:40px 45px 22px;background:linear-gradient(135deg,#183034f5,#0d2027f5);border:1px solid var(--stroke);box-shadow:inset 0 0 0 5px #101d23,inset 0 0 0 6px #c4a46b33,0 20px 60px #0006}.result-emblem{width:75px;height:75px;margin:0 auto 18px;border:1px solid var(--gold);display:grid;place-items:center;transform:rotate(45deg);color:var(--light-gold);background:#c4a46b0b;box-shadow:inset 0 0 0 6px #11272d}.result-emblem svg{transform:rotate(-45deg);width:40px;height:40px}.result-card h2{font-family:var(--serif);font-weight:500;font-size:clamp(24px,4vw,36px);margin:26px 0 20px}.result-card .ornament{margin:0 auto}.answer-caption{color:var(--muted);font-size:11px;letter-spacing:.12em;margin:25px 0 9px}.result-answer{font-family:var(--serif);font-size:clamp(32px,6vw,58px);line-height:1.35;font-weight:500;color:#f5dfac;display:block;overflow-wrap:anywhere}.answer-source{font-size:10px;color:var(--gold);text-decoration:underline}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:28px 0 18px;gap:12px}.result-stats>div{border-right:1px solid var(--stroke)}.result-stats>div:last-child{border:0}.result-stats span{display:block;color:var(--muted);font-size:11px}.result-stats strong{font-family:var(--serif);font-size:34px;font-weight:500;line-height:1.6;color:var(--light-gold)}#result-note{font-size:12px;color:var(--muted);margin:10px 0 25px}.result-card>.brass-button{width:290px;max-width:100%}.result-card>.text-button{display:flex;margin:5px auto;min-height:40px}.record-badge{color:var(--light-gold);font-size:11px;letter-spacing:.1em;margin:20px 0 0}.result-history{background:var(--paper);color:var(--ink);padding:8px 16px;margin:15px 0;max-height:300px;overflow:auto;text-align:left}.result-screen.solved .result-emblem{animation:seal-open .65s both}.result-screen.solved .result-answer{animation:answer-reveal .6s .12s both}.result-screen.solved #result-streak{display:inline-block;animation:record-pop .4s .6s both}.success-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.particle{position:absolute;top:30%;left:50%;width:4px;height:4px;background:var(--gold);animation:particle .95s ease-out both;animation-delay:var(--delay)}.result-screen:not(.solved) .result-emblem{color:var(--muted);border-color:#8b765a}.notice{position:fixed;z-index:30;bottom:max(28px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:min(600px,calc(100vw - 36px));width:max-content;background:#183137;border:1px solid #d6b97b;padding:14px 23px;box-shadow:0 6px 35px #0009;color:#f3e2c1;font-size:13px;line-height:1.8;border-radius:2px;text-align:center}
.game-dialog{color:var(--paper);background:linear-gradient(130deg,#1c3438,#0c1c23);border:1px solid var(--gold);padding:38px;max-width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 50px);overflow:auto;box-shadow:inset 0 0 0 5px #11232b,inset 0 0 0 6px #c4a46b33,0 25px 100px #000a}.game-dialog::backdrop{background:#02090bc9;backdrop-filter:blur(5px)}.game-dialog h2{font-family:var(--serif);font-weight:500;font-size:32px;margin:12px 0 15px;color:var(--light-gold)}.dialog-close{position:absolute;right:10px;top:10px;background:none;border:0}.game-dialog>.eyebrow{padding-right:25px;font-size:9px}.dialog-intro{font-size:12px;color:var(--muted);line-height:1.9}.leaderboard{margin-top:24px;min-height:90px}.leaderboard table{width:100%;border-collapse:collapse;font-size:13px}.leaderboard th{font-weight:400;font-size:10px;color:var(--gold);padding:8px 5px;text-align:left;border-bottom:1px solid var(--stroke)}.leaderboard td{padding:12px 5px;border-bottom:1px solid #c4a46b1a;overflow-wrap:anywhere}.leaderboard td:first-child{font-family:var(--serif);font-size:21px;width:44px}.leaderboard td:nth-last-child(-n+2){text-align:center;font-variant-numeric:tabular-nums}.leaderboard tr.own{background:#c4a46b12;color:#f6dfa8}.leaderboard tr:nth-child(-n+3) td:first-child{color:var(--light-gold)}.own-rank{color:var(--gold);font-size:12px}.settings-dialog{width:370px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0 12px;font-size:14px}.setting-row input{width:22px;height:22px;accent-color:var(--gold)}#sound-volume{width:100%;accent-color:var(--gold);height:44px}.settings-dialog .privacy-note{margin-top:20px}.confirm-dialog{text-align:center;width:440px}.confirm-dialog h2{font-size:24px;line-height:1.7;margin:24px 0}.confirm-actions{display:flex;flex-direction:column;align-items:center}.confirm-actions>.brass-button{width:260px;max-width:100%}.wax-seal.small{width:54px;height:54px;font-size:25px}
@keyframes stamp-in{0%{opacity:0;scale:1.5}65%{scale:.94}100%{opacity:1;scale:1}}@keyframes breathe{50%{opacity:.25}}@keyframes wrong-nudge{25%{translate:-4px}75%{translate:4px}}@keyframes seal-open{0%{opacity:0;scale:.6;rotate:-20deg}75%{scale:1.08}100%{opacity:1;scale:1;rotate:0deg}}@keyframes answer-reveal{from{opacity:0;translate:0 12px}to{opacity:1;translate:0}}@keyframes record-pop{50%{scale:1.2;color:#fff2c8}}@keyframes particle{from{opacity:1;translate:0 0;rotate:0deg}to{opacity:0;translate:var(--x) var(--y);rotate:130deg}}
@media(min-width:1600px){.title-screen{padding-left:13vw}.hero-copy{width:580px}.study-background{background-position:60% center}}
@media(max-width:900px){.title-screen{padding-left:7vw;padding-right:7vw}.hero-copy{width:55vw}.site-header{padding-left:38px;padding-right:38px}.hero-art-caption{display:none}.study-background{background-position:58% center}.hero-copy .hero-subtitle{font-size:11px;letter-spacing:.25em}}
@media(max-width:600px){.outer-frame{inset:8px}.outer-frame::after{inset:3px}.site-header{height:79px;padding:14px 25px;gap:10px}.brand{font-size:22px;gap:7px}.brand svg{width:26px;height:26px}.header-controls{gap:7px}.header-controls>.icon-button{width:38px;min-width:38px;height:44px;border:0;background:none}.languages{gap:7px;font-size:11px}.languages span{display:none}.languages a{min-width:38px;justify-content:center}.study-background{background-position:68% top;background-size:auto 100svh}.study-background::after{background:linear-gradient(90deg,#061217d9,#061217aa 65%,#06121777),linear-gradient(0deg,#08151a,transparent 65%)}.title-screen{min-height:calc(100svh - 135px);padding:16px 34px 28px;align-items:center}.hero-copy{width:100%;padding:8px 0 5px}.hero-copy>.eyebrow{font-size:10px}.hero-copy>.eyebrow>span{width:21px}h1{font-size:clamp(58px,14vw,83px);margin-top:25px}html[lang=en] h1{font-size:clamp(63px,15vw,88px);line-height:.97}.hero-subtitle{margin-bottom:21px}.hero-intro{font-size:20px;max-width:290px;margin:22px 0 20px}.rule-note{max-width:300px;gap:14px;margin-bottom:24px}.rule-note p{font-size:11px}.rule-number{font-size:33px}.hero-start{width:285px;min-height:60px;font-size:22px}.hero-records{margin-top:22px;max-width:285px;gap:22px}.hero-records>div{gap:12px}.hero-records strong{font-size:25px}.site-footer{padding:10px 26px 20px;font-size:8px}.game-screen{padding:0 22px 16px}.game-toolbar{margin-bottom:10px;gap:4px}.game-toolbar .text-button{font-size:11px;padding:7px 2px}.case-label{font-size:12px}.case-head{padding:0}.turn-number strong{font-size:37px}.turn-number span{font-size:18px}.streak-chip{font-size:10px;gap:7px}.streak-chip strong{font-size:26px}.turn-marks{gap:3px;margin:12px 0 15px}.turn-mark{height:5px}.case-file{border-width:20px;border-image-width:20px;min-height:250px}.paper-heading{font-size:13px;padding-bottom:9px}.history{max-height:clamp(190px,31dvh,330px)}.history-row{grid-template-columns:20px 1fr auto;gap:9px;padding:16px 0}.history-question{font-size:14px}.history-number{font-size:18px}.stamp{font-size:17px;min-width:39px;padding:1px 7px;margin-left:1px;margin-right:2px}.stamp.unknown,.stamp.multiple,.stamp.duplicate{font-size:11px;max-width:90px;white-space:normal}.history-note{font-size:10px}.empty-history{padding:25px 6px}.empty-history h2{font-size:19px}.empty-history p{font-size:11px}.composer-wrap{padding-top:13px}.mode-tabs button{font-size:15px}.composer{gap:8px;margin-top:9px}.composer textarea{padding:12px;min-height:56px}.composer textarea::placeholder{font-size:12px}.composer .brass-button{min-width:88px;font-size:18px;padding:6px 12px;min-height:56px}.privacy-note{font-size:9px}.result-screen{padding:18px 22px 28px}.result-card{padding:31px 23px 15px}.result-emblem{width:62px;height:62px}.result-card h2{font-size:27px}.result-answer{font-size:40px}.result-stats{gap:5px}.result-stats span{font-size:10px}.result-stats strong{font-size:31px}.game-dialog{padding:30px 22px}.game-dialog h2{font-size:27px}.game-dialog>.eyebrow{font-size:8px}.leaderboard td{font-size:12px}.notice{bottom:max(16px,env(safe-area-inset-bottom));font-size:12px;padding:12px 17px}.keyboard-open .site-header{display:none}.keyboard-open .game-toolbar{margin:0}.keyboard-open .history{max-height:20dvh}.keyboard-open .empty-history{padding:6px}.keyboard-open .empty-history .wax-seal{display:none}.keyboard-open .case-file{min-height:100px}.keyboard-open .site-footer,.keyboard-open .privacy-note{display:none}}
@media(max-height:560px) and (orientation:landscape){.site-header{height:65px}.title-screen{min-height:400px}.hero-copy{padding-top:0}.game-screen{max-width:900px}.case-file{min-height:160px}.history{max-height:180px}.empty-history{padding:14px}.empty-history .wax-seal{display:none}.result-card{max-width:700px;padding-top:25px}.result-emblem{display:none}.result-card h2{margin-top:0}}
.case-file{background:transparent}.history-row{grid-template-columns:28px minmax(0,1fr) auto}.history-question{min-width:0;font-size:16px}
.result-card{background:transparent;border:32px solid transparent;border-image:url('../assets/ui/parchment-panel.webp') 95 fill / 32px / 0 stretch;color:#283334;box-shadow:0 20px 60px #0006;padding:28px 24px 10px}.result-card h2{color:#284441}.result-card .answer-caption,.result-card #result-note,.result-card .result-stats span{color:#807359}.result-card .result-answer{color:#253d3b}.result-card .result-stats strong{color:#805f2e}.result-card .text-button,.result-card .record-badge{color:#826332}.result-card .result-emblem{background:#286055;color:#f5dfad;border-color:#b4965f;box-shadow:inset 0 0 0 6px #294e48,0 5px 10px #0002}.result-card .ornament{color:#997443}.result-card .result-history{border-top:1px solid #b59a7055}
@media(max-width:600px){.header-controls>.icon-button{width:44px;min-width:44px}.site-header{padding-left:22px;padding-right:22px}.header-controls{gap:3px}.history-row{grid-template-columns:20px minmax(0,1fr) auto}.result-card{border-width:24px;border-image-width:24px;padding:22px 8px 6px}}
@media(max-width:380px){.site-header{padding-left:18px;padding-right:18px;gap:6px}.brand{font-size:18px;gap:5px}.brand svg{width:24px;height:24px}.languages{font-size:10px;gap:4px}.languages a{min-width:33px}}
.keyboard-open{padding-bottom:var(--keyboard-height,0px)}.keyboard-open .case-head{position:sticky;top:0;z-index:2;background:#0a1c21}
.keyboard-open .notice{top:calc(env(safe-area-inset-top,0px) + 16px);bottom:auto}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.success-particles{display:none}}

/* Separate touch targets while retaining the archive's brass and paper palette. */
.header-controls{gap:16px}.languages{gap:12px}.languages a{min-width:44px;justify-content:center}
.game-toolbar{gap:16px;margin-bottom:22px}.game-toolbar .text-button{min-height:48px;padding:10px 14px}
.composer-wrap{padding-top:24px}.mode-tabs{gap:12px;padding:0;border:0;background:none}
.mode-tabs button{min-height:52px;border:1px solid var(--stroke);background:#0e2228;padding:10px 16px}
.composer{gap:16px;margin-top:18px}.composer textarea{min-height:68px}.composer .brass-button{min-height:60px;min-width:112px}
.result-card>.text-button{min-height:48px;margin:12px auto}.confirm-actions{gap:12px}
.game-screen{padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}
.is-judging{overflow:hidden}
.judging-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#061218cc;backdrop-filter:blur(6px);outline:none}
.judging-panel{width:min(360px,100%);padding:34px 28px 38px;text-align:center;background:linear-gradient(135deg,#203b3d,#0b1c23);border:1px solid var(--gold);box-shadow:inset 0 0 0 5px #102329,inset 0 0 0 6px #c4a46b33,0 24px 80px #0008}
.judging-emblem{color:var(--gold);margin-bottom:18px}.judging-emblem svg{width:44px;height:44px;stroke-width:1}
#judging-title{font-family:var(--serif);font-size:19px;line-height:1.7;color:var(--light-gold);margin:0 0 24px;word-break:keep-all}
.judging-progress{height:10px;padding:2px;overflow:hidden;border:1px solid #c4a46b88;background:#07161c;box-shadow:0 0 0 3px #c4a46b0d}
.judging-progress span{display:block;width:38%;height:100%;background:linear-gradient(90deg,#806333,#f2dfad,#a98343);box-shadow:0 0 12px #e1c89288;animation:archive-progress 1.7s ease-in-out infinite alternate}
@keyframes archive-progress{from{transform:translateX(0)}to{transform:translateX(163%)}}
@media(max-width:600px){
  .site-header{height:auto;min-height:100px;flex-wrap:wrap;padding:18px 22px 14px;gap:12px}
  .brand{font-size:22px}.header-controls{width:100%;justify-content:flex-end;gap:16px}.languages{margin-right:auto;gap:12px;font-size:12px}
  .languages a{min-width:48px;min-height:48px}.header-controls>.icon-button{width:48px;min-width:48px;height:48px;border:1px solid var(--stroke);background:#12282b75}
  .game-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
  .game-toolbar .case-label{grid-column:1/-1;grid-row:1;text-align:center;padding:2px 0}
  .game-toolbar .text-button{font-size:12px;border:1px solid var(--stroke);background:#0e222866;padding:10px 14px}
  .case-file{min-height:190px}.empty-history{padding:14px 6px}.history{max-height:clamp(160px,28dvh,280px)}
  .composer-wrap{padding-top:20px}.mode-tabs{gap:12px}.mode-tabs button{min-height:52px;padding:10px 12px}
  .composer{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:18px}
  .composer textarea{min-height:76px;padding:14px}.composer .brass-button{width:100%;min-height:56px;background-size:106% 181%}
  .composer-meta{padding-top:8px}.keyboard-open .composer-wrap{padding-top:14px}.keyboard-open .composer{grid-template-columns:minmax(0,1fr) 100px;gap:12px;margin-top:14px}
  .keyboard-open .composer textarea{min-height:62px}.keyboard-open .composer .brass-button{min-width:0}
}
@media(prefers-reduced-motion:reduce){.judging-progress span{animation:none;transform:translateX(80%)}}

/* The paper keeps its footprint; only its question ledger scrolls. */
.case-file{display:grid;grid-template-rows:auto minmax(0,1fr);height:clamp(270px,34dvh,400px);min-height:0}
.history{grid-row:2;grid-column:1;min-height:0;height:100%;max-height:none;overflow-y:auto}
.history .stamp{position:sticky;top:8px;align-self:start}
.empty-history{grid-row:2;grid-column:1;align-self:center;min-height:0}
.keyboard-open .case-head{position:static}
@media(max-width:600px){.case-file{height:clamp(230px,30dvh,300px)}}
.keyboard-open .case-file{height:clamp(130px,22dvh,190px);min-height:0}
.keyboard-open .empty-history{padding:4px}
.keyboard-open .empty-history .wax-seal,.keyboard-open .empty-history p{display:none}
.keyboard-open .empty-history h2{font-size:16px;margin:4px 0}

body[data-screen=game] .site-header{height:76px;min-height:0;padding-top:12px;padding-bottom:12px}
body[data-screen=game] .game-toolbar{margin-bottom:12px}
@media(max-width:600px){
  body[data-screen=game] .site-header{height:auto;min-height:68px;flex-wrap:nowrap;gap:12px;padding:12px 18px}
  body[data-screen=game] .brand{width:44px;min-width:44px;height:44px;justify-content:center}
  body[data-screen=game] .brand>span{display:none}
  body[data-screen=game] .header-controls{width:auto;flex:1;gap:10px}
  body[data-screen=game] .languages{gap:8px;font-size:11px}
  body[data-screen=game] .languages a{min-width:44px;min-height:44px}
  body[data-screen=game] .header-controls>.icon-button{width:44px;min-width:44px;height:44px}
  body[data-screen=game] .game-toolbar{gap:12px;margin-bottom:12px}
  body[data-screen=game] .game-toolbar .case-label{display:none}
  body[data-screen=game] .game-toolbar .text-button{min-height:44px;padding:8px 12px}
}