:root{--paper:#f4f1ea;--ink:#302a26;--red:#a54843;--blue:#315f78;--yellow:#d1a342;--green:#557462;--line:#b8a99a;--shadow:0 18px 40px #3f30251f}
    *{box-sizing:border-box} body{margin:0;min-height:100vh;color:var(--ink);font-family:Georgia,"Noto Serif KR",serif;background:radial-gradient(#fff9 1px,transparent 1px),var(--paper);background-size:9px 9px}
    body:before{content:"";position:fixed;inset:14px;border:1px solid #9d877055;pointer-events:none}
    .app{width:min(1280px,calc(100% - 48px));margin:0 auto;padding:clamp(28px,5vh,72px) 0 48px}.top{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);padding:10px 4px 16px}.eyebrow{font-size:12px;letter-spacing:.28em;color:var(--red)}h1{margin:4px 0 0;font-size:clamp(27px,5vw,50px);letter-spacing:.12em;font-weight:700}.top-actions{display:flex;gap:8px}.sound,.pause{border:1px solid var(--ink);background:transparent;color:var(--ink);border-radius:3px;padding:10px 13px;font-family:inherit;cursor:pointer}.sound:hover,.pause:hover{background:#fff8}
    .layout{display:grid;grid-template-columns:minmax(420px,640px) minmax(340px,420px);justify-content:center;gap:clamp(28px,4vw,64px);margin:clamp(28px,5vh,56px) auto 0;align-items:start}.board-wrap{position:relative;padding:18px;background:#e6dfd3;border:1px solid var(--line);box-shadow:var(--shadow)}.board-wrap:before,.board-wrap:after{content:"";position:absolute;pointer-events:none;border:1px solid #a38f7d66}.board-wrap:before{inset:8px}.board-wrap:after{inset:13px}
    #game{display:block;position:relative;z-index:1;width:100%;height:auto;background:#ebe4d7;border:2px solid var(--ink);touch-action:none}.panel{display:grid;gap:14px}.ornament{display:flex;align-items:center;gap:12px;color:var(--red);font-size:20px}.ornament:before,.ornament:after{content:"";height:1px;background:var(--line);flex:1}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat,.ranking,.next-card{background:#fff8ef;border:1px solid var(--line);padding:15px}.label{font-size:11px;letter-spacing:.16em;color:#77685d}.value{display:block;margin-top:5px;font-size:26px}.card-title{margin:0 0 10px;font-size:17px;border-bottom:1px solid var(--line);padding-bottom:8px}.ranking ol{margin:0;padding-left:25px}.ranking li{padding:6px 0;border-bottom:1px dotted #cdbfaf;font-size:14px}.ranking li:last-child{border-bottom:0}.rank-score{float:right;color:var(--red);font-weight:700}.hint{font-size:13px;line-height:1.7;color:#665a50}.start{width:100%;padding:13px;background:var(--red);border:0;color:#fffaf2;font:700 16px Georgia,"Noto Serif KR",serif;cursor:pointer;border-radius:2px;letter-spacing:.1em}.start:hover{filter:brightness(1.08)}.next-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:14px}.next-title{display:flex;justify-content:space-between;align-items:center;grid-column:1}.next-piece{display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;grid-column:2;grid-row:1 / span 2;padding:0 2px}.next-cell{width:28px;height:28px;border-radius:7px;border:2px solid #fff8;box-shadow:inset 0 0 0 1px #776b5d55}.controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.controls button{padding:12px 4px;border:1px solid var(--line);background:#fff8ef;color:var(--ink);font:700 16px Georgia,"Noto Serif KR",serif;cursor:pointer;border-radius:3px}.controls button:active{transform:translateY(1px);background:#e6dfd3}
    .modal{position:fixed;inset:0;display:grid;place-items:center;background:#302a26aa;padding:20px;z-index:10}.modal[hidden]{display:none}.modal-box{width:min(400px,100%);background:var(--paper);border:2px solid var(--ink);padding:26px;box-shadow:var(--shadow);text-align:center}.modal-box h2{margin:0 0 8px;color:var(--red)}.result{font-size:16px;line-height:1.8}.name-input{width:100%;margin:14px 0;padding:12px;border:1px solid var(--line);background:#fffdf8;font:18px Georgia,"Noto Serif KR",serif;text-align:center}.modal-actions{display:flex;gap:8px}.modal-actions button{flex:1;padding:11px;border:1px solid var(--ink);background:transparent;font:inherit;cursor:pointer}.modal-actions .primary{background:var(--ink);color:var(--paper)}
    @media(max-width:760px){.app{width:min(100% - 28px,520px);padding-top:18px;padding-bottom:calc(48px + env(safe-area-inset-bottom,0px))}.layout{display:flex;flex-direction:column;gap:14px;margin-top:20px;padding-bottom:env(safe-area-inset-bottom,0px)}.panel{display:contents}.stats,.stat,.next-card,.start,.controls,.ranking,.hint{width:100%}.stats{order:1;grid-template-columns:1fr}.stat{padding:11px 14px}.stat .value{font-size:24px}.mobile-secondary,.mobile-secondary-ui{display:none}.app.game-over .mobile-secondary{display:block}.app.game-over .mobile-secondary-ui{display:block}.board-wrap{order:3;width:min(100%,calc(max(260px,100dvh - 300px)/2 + 26px));padding:13px;margin-inline:auto}.start{order:4}.next-card{order:2;display:block;padding:12px 14px}.next-title{align-items:flex-start;gap:10px}.next-title small{font-size:11px;line-height:1.35;text-align:right}.next-piece{flex-direction:row;gap:7px;padding:8px 0 2px}.next-cell{width:34px;height:34px}.controls{order:5}.ranking{order:6}.hint{order:7}.top{align-items:flex-start}.sound,.pause{padding:8px 9px;white-space:nowrap}.top-actions{gap:4px}.controls button{min-height:48px;padding:14px 3px}.modal{padding:20px 20px calc(20px + env(safe-area-inset-bottom,0px))}}
    @media(min-width:761px){.controls{display:none}}
    :focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
    .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
    .feedback{position:absolute;left:50%;top:42%;z-index:3;pointer-events:none;color:#fffaf2;background:#302a26dd;border:1px solid #fff8;padding:9px 14px;border-radius:3px;font-weight:700;letter-spacing:.08em;transform:translate(-50%,-50%);animation:feedbackUp 900ms ease-out forwards}.board-wrap{isolation:isolate}@keyframes feedbackUp{0%{opacity:0;transform:translate(-50%,0) scale(.8)}15%{opacity:1}100%{opacity:0;transform:translate(-50%,-70px) scale(1.08)}}