*{box-sizing:border-box}:root{font-family:'Malgun Gothic','맑은 고딕',sans-serif;color:#304636}body{margin:0;background:#203e43;min-height:100vh;display:grid;place-items:center;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid #eb8f32;outline-offset:4px}button:disabled{cursor:default;filter:grayscale(.4);opacity:.65}[hidden]{display:none!important}#stage{position:absolute;width:1280px;height:720px;transform-origin:center center;overflow:hidden;background:#72cfed;user-select:none}#world{position:absolute;inset:0;width:100%;height:100%}.panel{border:3px solid #7d6a44;background:linear-gradient(#fff8dc,#efddb1);box-shadow:0 4px 0 #514e3580,inset 0 0 0 3px #fff8d580;border-radius:18px}.wood{border:3px solid #745228;border-radius:15px;background:linear-gradient(#fac966,#df963c);box-shadow:inset 0 2px 0 #ffeb9b,0 5px 0 #805631;color:#4e391e;font-weight:900;padding:15px 30px;min-width:180px;transition:filter .15s,transform .12s}.wood:hover{filter:brightness(1.08)}.wood:active{transform:translateY(4px);box-shadow:inset 0 2px 0 #ffeb9b,0 1px 0 #805631}.quiet{border:0;background:none;color:#596949;font-weight:700;padding:14px}.quiet:hover{text-decoration:underline}.eyebrow{font-size:13px;font-weight:800;letter-spacing:2px;color:#647747}.lobby-card{position:absolute;top:99px;left:375px;width:530px;text-align:center;background:#fff8e9ee;border:3px solid #fff8dc;border-radius:50% 50% 32px 32px / 12% 12% 32px 32px;padding:43px 40px 29px;box-shadow:0 10px 40px #2e5a5130}.lobby-card h1{font-size:82px;line-height:1.15;margin:18px 0 8px;letter-spacing:-7px;color:#34634d;text-shadow:0 3px 0 #e2cd8a}.subtitle{font-size:20px;color:#6b7555;margin:12px 0 21px}.title-rule{margin:0 28px 30px;font-size:10px;letter-spacing:3px;color:#8f9366;border-top:1px solid #c9c7a4;padding-top:15px}.large{display:block;width:100%;font-size:25px;letter-spacing:2px}.lobby-note{position:absolute;bottom:44px;left:0;width:100%;text-align:center;color:#245568;font-size:16px;text-shadow:0 1px #c4f4ff}#hud{position:absolute;inset:0}.status{position:absolute;left:18px;top:16px;width:380px;height:92px;display:flex;padding:12px;gap:12px}.avatar{width:54px;height:57px;display:grid;place-items:center;border:2px solid #a98e54;border-radius:13px;font-size:31px;background:#b8d699}.vitals{flex:1}.status-top,.status-foot{display:flex;justify-content:space-between;align-items:center}.status-top{font-size:13px;margin-bottom:8px}.status-top span{font-size:11px;color:#777053}.status-foot{font-size:10px;margin-top:7px;color:#817656}.player-track{height:19px;background:#6e623f;border-radius:6px;position:relative;overflow:hidden;box-shadow:inset 0 2px 3px #0003}.player-track i{position:absolute;inset:0;background:linear-gradient(#addd63,#69a643);transform-origin:left center}.player-track span{position:absolute;inset:0;text-align:center;font-size:11px;line-height:19px;color:white;font-weight:800;text-shadow:0 1px 2px #254723}.score{position:absolute;left:527px;top:-8px;width:226px;height:71px;text-align:center;border-radius:0 0 22px 22px;padding:12px 10px 6px}.score>span{display:block;font-size:10px;letter-spacing:3px;color:#807248}.score strong{font-size:29px;line-height:36px;font-variant-numeric:tabular-nums}.dice-meter{position:absolute;left:542px;top:76px;width:196px;height:65px;border-width:2px;padding:8px;display:flex;gap:7px;border-radius:12px}.dice-icon{font-size:34px;line-height:38px;color:#99733f}.dice-meter>div{flex:1}.point-top{display:flex;justify-content:space-between;align-items:center;font-size:10px}.dice-meter b{font-size:13px}.dice-meter small{font-size:9px;color:#807248}.point-track{background:#b0a680;border-radius:4px;height:8px;margin-top:5px;overflow:hidden}.point-track i{display:block;height:100%;background:#da9d3c;width:0}.reserved-ability{position:absolute;left:820px;top:25px;width:350px;height:28px}.reserved-status{position:absolute;left:20px;top:119px;width:300px;height:35px}.round{width:116px;height:116px;border-radius:50%;border:5px solid #77603a;background:radial-gradient(circle at 40% 25%,#f9df89,#e4aa47 70%);box-shadow:inset 0 0 0 5px #fff3b4,0 7px 0 #735837,0 11px 18px #23667640;display:grid;place-items:center;touch-action:none;transition:transform .1s}.round svg{width:80px;height:80px}.round.pressed{transform:translateY(5px);box-shadow:inset 0 0 0 5px #fff3b4,0 2px 0 #735837}.round.small{width:45px;height:43px;border-width:3px;font-size:21px;border-radius:12px;box-shadow:inset 0 0 0 2px #fff3b4,0 4px 0 #735837}#pause{position:absolute;right:20px;top:20px}#action-area{position:absolute;right:41px;bottom:31px;text-align:center}#action-label{display:block;font-size:15px;font-weight:900;margin-top:12px;color:#244d52;text-shadow:0 1px #b3ecf6}#action.hook{animation:hookGlow .5s infinite alternate}@keyframes hookGlow{to{box-shadow:inset 0 0 0 5px #fff3b4,0 6px 0 #735837,0 0 0 13px #ffef7960,0 0 30px #ffe559}}#hook-callout{position:absolute;top:-72px;left:-4px;width:125px;background:#fff5ae;padding:14px;font-size:27px;font-weight:900;clip-path:polygon(10% 0,30% 8%,47% 0,61% 9%,88% 1%,87% 21%,100% 45%,89% 63%,100% 79%,64% 84%,50% 100%,38% 83%,0 85%,10% 56%,0 22%)}#phase-label{position:absolute;bottom:30px;left:440px;width:400px;text-align:center;color:#2c6373;font-size:14px}#bubble{position:absolute;left:95px;top:235px;min-width:170px;max-width:320px;padding:13px 17px;background:#fffbea;border:2px solid #6d7954;border-radius:16px;text-align:center;font-size:15px;font-weight:800;box-shadow:0 3px #264b3a20}#bubble:empty{display:none}#bubble:after{content:'';position:absolute;bottom:-11px;left:84px;border-width:11px 9px 0;border-style:solid;border-color:#6d7954 transparent transparent}#fight-ui{position:absolute;left:357px;top:460px;width:500px;height:157px;padding:16px 22px;border-radius:22px;background:linear-gradient(#fff9e8ee,#efdebcee)}.fight-top{display:flex;justify-content:space-between;font-size:11px;font-weight:800;margin-bottom:12px;color:#665d3e}.fight-top span+span{font-size:10px;font-weight:400}.fish-track{height:48px;background:#6f7253;border:2px solid #8c855d;position:relative;border-radius:9px;box-shadow:inset 0 3px 3px #0003}.fish-track>i{position:absolute;inset:0;border-radius:6px;transform-origin:left;background:#8dc950}.fish-track>span{position:absolute;inset:0;text-align:center;line-height:44px;font-size:15px;color:white;font-weight:900;text-shadow:0 2px 3px #374226}.tension-track{height:12px;margin-top:12px;background:#706c56;border-radius:4px;position:relative;overflow:hidden}.tension-track>i{display:block;height:100%;background:linear-gradient(#89d8ec,#4494b6);width:0}.tension-track.danger{animation:tensionPulse var(--pulse,.5s) infinite alternate}@keyframes tensionPulse{to{box-shadow:0 0 10px #ff553f;background:#c55139}}.tension-track.danger>i{background:linear-gradient(#fbb26c,#df6946)}#zero-mark{position:absolute;top:0;width:2px;height:100%;background:#fff5ce}.fight-bottom{display:flex;justify-content:space-between;font-size:10px;margin-top:8px;color:#81745a}#threshold{position:absolute;top:-6px;bottom:-6px;width:3px;background:#ef452f;left:100%;box-shadow:0 0 0 1px #fff8bb}#threshold b{position:absolute;top:-20px;left:-5px;color:#d7442e;font-size:16px}#resist-overlay{position:absolute;inset:0;display:none;border-radius:6px;background:repeating-linear-gradient(110deg,transparent 0 40px,#a0a393 41px 44px,transparent 45px 51px),repeating-linear-gradient(90deg,#575e57 0 11.8%,#252f29 11.8% 12.5%);opacity:.97}#critical{display:none;position:absolute;top:-38px;left:160px;color:#ffdf64;font-size:24px;font-weight:900;text-shadow:2px 2px #664e30,-1px -1px #664e30}#critical.flash{display:block;animation:critical 1s forwards}@keyframes critical{0%{opacity:1;transform:scale(1.15)}100%{opacity:0;transform:translateY(-35px)}}.float-label{position:absolute;font-size:21px;font-weight:900;color:#fff2ab;text-shadow:1px 2px #655535;pointer-events:none;white-space:nowrap}.float-label.flash{animation:floatUp 1.5s forwards}@keyframes floatUp{0%{opacity:1}100%{opacity:0;transform:translateY(-45px)}}#point-float{top:65px;left:65px}#fish-float{top:258px;left:175px}.scrim{position:absolute;inset:0;background:#173d4c75;backdrop-filter:blur(4px);display:grid;place-items:center;z-index:5}.modal-card,.result-card,.settings-card{background:#fff6df;border:4px solid #92774a;border-radius:26px;box-shadow:0 12px 0 #334d4540,inset 0 0 0 5px #fff9ec;padding:35px;text-align:center}.modal-card{width:430px}.modal-card h2{font-size:28px;margin:15px 0}.modal-card p{font-size:14px;color:#788267;margin-bottom:27px}.modal-card button{display:block;margin:15px auto 0}.result-card{width:435px;--grade:#839482;border-color:var(--grade);background:linear-gradient(#fffdf1,#f9edd1)}.result-card h2{font-size:26px;margin:12px 0 0}.result-card canvas{width:320px;height:144px;display:block;margin:0 auto}.result-card h3{font-size:30px;margin:0}.result-card p{margin:6px 0 22px;color:#7e8569}.reward-row{display:flex;justify-content:center;gap:50px;border-top:1px solid #d9cfac;border-bottom:1px solid #d9cfac;padding:16px;margin-bottom:23px}.reward-row span{display:block;color:#827954;font-size:12px}.reward-row b{display:block;font-size:22px;margin-top:5px}.settings-card{width:780px;padding:25px 34px;max-height:668px;overflow:auto;text-align:left}.settings-heading{display:flex;justify-content:space-between;align-items:center}.settings-heading h2{margin:6px 0;font-size:26px}.settings-card p{font-size:12px;line-height:1.6;color:#7b795f}#setting-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 20px;margin:20px 0}#setting-fields label{font-size:11px;color:#6e7054}#setting-fields input,#setting-fields select{display:block;width:100%;margin-top:5px;border:1px solid #baae8e;border-radius:7px;background:#fffdf4;padding:7px;color:#374b35;font-size:14px}.settings-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:16px}.settings-actions .wood{padding:10px 25px}.debug-option{font-size:12px}.settings-card #settings-error{color:#c74d35}#stats{margin:22px 0}#stats>div{display:flex;justify-content:space-between;padding:9px;border-bottom:1px solid #ddd5b4;font-size:15px}#dice-display{position:absolute;top:437px;left:453px;width:375px;text-align:center;display:flex;align-items:center;justify-content:center;gap:34px;font-size:25px}.die{position:relative;width:90px;height:90px;background:linear-gradient(135deg,#fff7d1,#edd4a0);border:3px solid #957845;border-radius:16px;box-shadow:8px 9px 0 #bf9c65,10px 11px 0 #735b38;color:#6b5834}.die b{font-size:43px;line-height:65px}.die i,.die em{font-size:11px;position:absolute;bottom:1px;font-style:normal}.die i{left:13px}.die em{right:13px}.die.rolling{animation:rolling .17s infinite alternate}@keyframes rolling{to{transform:rotate(9deg) translateY(-8px)}}#dice-sum{position:absolute;top:98px;font-size:15px;color:#2a6772;white-space:nowrap}#debug{position:absolute;left:14px;bottom:10px;background:#fff8e3ed;border:1px solid #a09371;border-radius:8px;padding:8px;font-size:10px;max-width:330px;z-index:2}#debug pre{font-size:10px;line-height:1.45;user-select:text}#load-error{position:absolute;bottom:10px;left:20px;background:#fff4dc;color:#91432c;padding:12px;z-index:20}
/* 2단계: 코인, 중앙 배치, 파란 주사위 버튼과 6면 입체 렌더링 */
.coin-wallet{position:absolute;right:94px;top:18px;width:174px;height:65px;padding:8px 15px;display:flex;align-items:center;gap:12px;border-radius:16px}.coin-wallet img{width:39px;height:43px;object-fit:contain}.coin-wallet div{display:flex;flex-direction:column}.coin-wallet div span{font-size:10px;color:#817149;letter-spacing:1px}.coin-wallet strong{font-size:24px;font-variant-numeric:tabular-nums}#coin-float{top:65px;left:36px}#bubble{left:130px}#fish-float{left:210px}.wiki-link{display:inline-block;text-decoration:none;font-size:13px}.modal-card .wiki-link{display:block;margin:8px auto}.action-dice{display:none;width:72px;height:76px;object-fit:contain}.dice-action .action-fish{display:none}.dice-action .action-dice{display:block}.round.dice-action{border-color:#335d83;background:radial-gradient(circle at 40% 25%,#9ae2ff,#438ac7 73%);box-shadow:inset 0 0 0 5px #c9f2ff,0 7px 0 #335b82,0 11px 18px #23667640}.round.dice-action:active{box-shadow:inset 0 0 0 5px #c9f2ff,0 2px 0 #335b82;transform:translateY(5px)}
#dice-display{top:463px;left:435px;width:410px;gap:35px;align-items:center;height:125px}#dice-sum{top:125px}.dice-plus{color:#366474;font-size:27px;margin:0 5px}.dice-scene{width:122px;height:122px;perspective:650px;position:relative;display:grid;place-items:center}.dice-scene::after{content:'';position:absolute;width:110px;height:25px;left:6px;bottom:-16px;background:#233d4748;border-radius:50%;filter:blur(4px);z-index:-1}.dice-cube{width:86px;height:86px;position:relative;transform-style:preserve-3d;translate:0 var(--hop,0px);will-change:transform;transform:rotateX(-26deg) rotateY(-32deg)}.cube-face{position:absolute;inset:0;display:grid;place-items:center;font-family:Georgia,'Malgun Gothic',serif;font-size:44px;font-weight:800;color:#665135;border:2px solid #a18b63;border-radius:9px;box-shadow:inset 0 0 0 4px #fff7e380;backface-visibility:hidden}.cube-face.top{background:linear-gradient(135deg,#fffefa,#fbeccc);transform:rotateX(90deg) translateZ(43px)}.cube-face.front{background:linear-gradient(135deg,#faebcd,#d9ba8e);transform:translateZ(43px)}.cube-face.right{background:linear-gradient(110deg,#d6b88e,#b59160);transform:rotateY(90deg) translateZ(43px)}.cube-face.back{background:#ead7b5;transform:rotateY(180deg) translateZ(43px)}.cube-face.left{background:#c7aa7d;transform:rotateY(-90deg) translateZ(43px)}.cube-face.bottom{background:#cfb184;transform:rotateX(-90deg) translateZ(43px)}

/* 3단계 효과음·피해 안내 */
.sound-settings{display:flex;align-items:center;gap:14px;border:1px solid #c3b48c;border-radius:12px;margin:16px 0;padding:8px 15px;font-size:13px}.sound-settings legend{font-weight:bold}.sound-settings label{white-space:nowrap}.sound-settings input[type=range]{width:155px;accent-color:#688d62}#damage-float{left:155px;top:225px;color:#ffd0e5;z-index:6;opacity:0}

/* 숫자 잔상이 Resist 패널 표시/새 모험 때 다시 나타나지 않게 한다. */
.float-label{opacity:0}