:root{--wood: #8a5a33;--wood-dark: #6b4226;--wood-edge: #4e2f16;--wood-hi: #b9834f;--paper: #fdf6e8;--paper-dark: #f0e2c0;--accent: #c1543f;--accent-dark: #9c3f2e;--leaf: #4c8c6a;--leaf-dark: #3b6f54;--gold: #e8b93c;--gold-dark: #c79a25;--ink: #43301d;--ink-soft: #7d6448;--hp: #d9534f;--cream: var(--paper);--cream-dark: var(--paper-dark);--red: var(--accent);--red-dark: var(--accent-dark);--wheat: var(--gold);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif}html,body,#root{margin:0;padding:0;width:100%;height:100%}body{font-family:var(--font);background:#1c1712;color:var(--ink);overflow:hidden;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}button{font-family:inherit;cursor:pointer}.pw-num{font-variant-numeric:tabular-nums}.pw-game-canvas{position:fixed;inset:0;z-index:0;background:#1c1712}.pw-frame{background:linear-gradient(180deg,var(--paper) 0%,#f8eed6 100%);border:3px solid var(--wood-dark);border-radius:12px;box-shadow:inset 0 0 0 2px #fffdf2cc,inset 0 -16px 24px -20px #c9a96a66,0 5px 14px #2b190c59}.pw-wood{background:linear-gradient(180deg,var(--wood-hi) 0%,var(--wood) 42%,var(--wood-dark) 100%);color:var(--paper);border:3px solid var(--wood-edge);border-radius:12px;box-shadow:inset 0 0 0 2px #d9ac7759,inset 0 -10px 16px -12px #00000059,0 5px 14px #2b190c66}.pw-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 16px;background:linear-gradient(180deg,var(--paper) 0%,var(--paper-dark) 100%);border:3px solid var(--wood-dark);border-radius:10px;box-shadow:inset 0 0 0 1px #fffdf2b3,0 3px 6px #2b190c40;color:var(--ink);font-weight:700;font-size:14px;user-select:none;transition:transform .08s,box-shadow .08s,filter .08s}.pw-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 0 0 1px #fffdf2b3,0 5px 10px #2b190c4d;filter:brightness(1.03)}.pw-btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 0 0 1px #fffdf2b3,0 1px 3px #2b190c40}.pw-btn:disabled{opacity:.45;cursor:default}.pw-btn-primary{background:linear-gradient(180deg,#5fa37e 0%,var(--leaf) 55%,var(--leaf-dark) 100%);color:#fff;box-shadow:inset 0 0 0 1px #ffffff40,0 3px 6px #2b190c40}.pw-btn-red{background:linear-gradient(180deg,#d76a54 0%,var(--accent) 55%,var(--accent-dark) 100%);color:#fff;box-shadow:inset 0 0 0 1px #ffffff40,0 3px 6px #2b190c40}.pw-btn-wheat{background:linear-gradient(180deg,#f2cd66 0%,var(--gold) 55%,var(--gold-dark) 100%)}.pw-btn-sm{padding:4px 10px;font-size:12px;border-width:2px;border-radius:8px}.pw-hud-top{position:fixed;top:10px;left:10px;right:10px;z-index:20;display:flex;align-items:center;gap:10px;pointer-events:none}.pw-hud-top>*{pointer-events:auto}.pw-chip{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:700}.pw-chip-btn{cursor:pointer;transition:filter .1s}.pw-chip-btn:hover{filter:brightness(1.04)}.pw-badge-lv{background:linear-gradient(180deg,#f2cd66,var(--gold) 60%,var(--gold-dark));color:#5a3a12;border:2px solid var(--wood-dark);border-radius:999px;padding:1px 9px;font-size:11px;font-weight:800;box-shadow:inset 0 1px #ffffff73}.pw-hp-heart{font-size:15px;filter:drop-shadow(0 1px 1px #00000040)}.pw-hpbar{position:relative;width:150px;height:16px;background:linear-gradient(180deg,#55381d,#6b4226);border:2px solid var(--wood-edge);border-radius:8px;overflow:hidden;box-shadow:inset 0 2px 4px #00000059}.pw-hpbar-fill{height:100%;background:linear-gradient(180deg,#f2837a 0%,var(--hp) 48%,#a83732 100%);box-shadow:inset 0 1px #ffffff4d;transition:width .25s}.pw-hpbar-ticks{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 2px),#00000038 calc(25% - 2px),#00000038 25%)}.pw-spacer{flex:1}.pw-clockwrap{position:relative}.pw-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:45;width:280px;display:flex;flex-direction:column;overflow:hidden;animation:pw-pop-in .14s ease-out}@keyframes pw-pop-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.pw-popover-head{padding:8px 12px;font-size:13px;font-weight:800;background:linear-gradient(180deg,var(--wood-hi) 0%,var(--wood) 42%,var(--wood-dark) 100%);color:var(--paper);border-bottom:3px solid var(--wood-edge);border-radius:9px 9px 0 0;text-shadow:0 1px 2px #00000059}.pw-popover-list{overflow-y:auto;max-height:320px;padding:6px}.pw-wc-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:8px;font-size:13px}.pw-wc-row:nth-child(odd){background:#6b422612}.pw-wc-row.me{background:#e8b93c40;box-shadow:inset 0 0 0 2px var(--gold)}.pw-wc-flag{font-size:16px}.pw-wc-name{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw-wc-time{font-weight:800}.pw-wc-phase{font-size:13px}.pw-stances{display:flex;gap:5px;padding:5px 7px}.pw-stance-btn{width:42px;height:42px;font-size:16px;line-height:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#a06a3c 0%,var(--wood) 55%,var(--wood-dark) 100%);border:2px solid var(--wood-edge);border-radius:9px;box-shadow:inset 0 0 0 1px #d9ac7752,inset 0 2px 3px #0003;padding:3px;gap:1px;transition:filter .1s,box-shadow .1s}.pw-stance-btn:hover{filter:brightness(1.1)}.pw-stance-btn .pw-stance-key{font-size:9px;font-weight:800;color:#f0e2c0cc}.pw-stance-btn.active{background:linear-gradient(180deg,#f5d675 0%,var(--gold) 55%,var(--gold-dark) 100%);box-shadow:inset 0 0 0 2px #fff3c9,0 0 8px #e8b93c99}.pw-stance-btn.active .pw-stance-key{color:#6b4a12}.pw-icon-btn{width:42px;height:42px;font-size:18px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--paper) 0%,var(--paper-dark) 100%);border:3px solid var(--wood-dark);border-radius:10px;box-shadow:inset 0 0 0 1px #fffdf2b3,0 3px 6px #2b190c40;transition:transform .08s,box-shadow .08s}.pw-icon-btn:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #fffdf2b3,0 5px 10px #2b190c4d}.pw-icon-btn:active{transform:translateY(1px)}.pw-prompt{position:fixed;bottom:104px;left:50%;transform:translate(-50%);z-index:20;padding:8px 18px;font-size:15px;font-weight:700;display:flex;align-items:center;gap:10px}.pw-key{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;background:linear-gradient(180deg,var(--wood) 0%,var(--wood-dark) 100%);color:var(--gold);border:1px solid var(--wood-edge);border-radius:6px;font-size:13px;font-weight:800;box-shadow:inset 0 1px #d9ac7752,0 2px 0 var(--wood-edge)}.pw-hotbar{position:fixed;bottom:12px;left:50%;transform:translate(-50%);z-index:20;display:flex;gap:8px;padding:8px 10px}.pw-hotbar-slot{position:relative;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--paper-dark) 0%,#e6d3a8 100%);border:2px solid var(--wood-edge);border-radius:10px;box-shadow:inset 0 0 0 1px #fffdf280,inset 0 3px 5px #00000026;font-size:26px;padding:0;transition:filter .1s,box-shadow .1s}.pw-hotbar-slot:hover:not(:disabled){filter:brightness(1.05);box-shadow:inset 0 0 0 2px var(--gold),inset 0 3px 5px #00000026}.pw-hotbar-slot:disabled{cursor:default}.pw-hotbar-slot.empty{opacity:.75}.pw-hotbar-slot.depleted .pw-hotbar-icon{opacity:.35;filter:grayscale(.7)}.pw-hotbar-icon{display:inline-flex;align-items:center;justify-content:center}.pw-hotbar-num{position:absolute;top:-7px;left:-7px;min-width:17px;height:17px;padding:0 3px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--wood) 0%,var(--wood-dark) 100%);color:var(--gold);border:1px solid var(--wood-edge);border-radius:6px;font-size:10px;font-weight:800;box-shadow:0 1px 2px #00000059}.pw-hotbar-qty{position:absolute;right:3px;bottom:2px;font-size:11px;font-weight:800;color:var(--ink);background:#fdf6e8d9;border-radius:5px;padding:0 3px;box-shadow:0 1px 2px #00000026}.pw-dock{position:fixed;right:12px;bottom:12px;z-index:20;display:flex;gap:8px;padding:8px 10px}.pw-backdrop{position:fixed;inset:0;z-index:40;background:#1a100699;display:flex;align-items:center;justify-content:center;animation:pw-fade-in .12s ease-out}@keyframes pw-fade-in{0%{opacity:0}to{opacity:1}}.pw-modal{width:min(680px,calc(100vw - 40px));max-height:min(78vh,640px);display:flex;flex-direction:column;overflow:hidden;animation:pw-modal-in .16s ease-out}@keyframes pw-modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.pw-modal-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:linear-gradient(180deg,var(--wood-hi) 0%,var(--wood) 42%,var(--wood-dark) 100%);color:var(--paper);border-bottom:3px solid var(--wood-edge);border-radius:9px 9px 0 0;font-size:17px;font-weight:800;text-shadow:0 1px 2px #00000066}.pw-modal-body{padding:14px;overflow-y:auto}.pw-x{width:30px;height:30px;font-size:14px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#d76a54 0%,var(--accent) 55%,var(--accent-dark) 100%);color:#fff;border:2px solid var(--wood-edge);border-radius:8px;box-shadow:inset 0 1px #ffffff40,0 2px 3px #00000040;transition:filter .1s,transform .08s}.pw-x:hover{filter:brightness(1.1);transform:translateY(-1px)}.pw-tabs{display:flex;gap:6px;margin-bottom:12px}.pw-tab{padding:6px 16px;font-weight:700;font-size:14px;background:var(--paper-dark);border:2px solid var(--wood-dark);border-radius:9px 9px 0 0;opacity:.7;color:var(--ink)}.pw-tab.active{background:linear-gradient(180deg,#f2cd66,var(--gold));opacity:1;box-shadow:inset 0 -3px 0 var(--accent)}.pw-inv-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.pw-cell{position:relative;aspect-ratio:1;min-height:64px;background:linear-gradient(180deg,var(--paper-dark) 0%,#e8d6ac 100%);border:2px solid var(--wood-dark);border-radius:10px;box-shadow:inset 0 0 0 1px #fffdf273,inset 0 2px 4px #00000021;display:flex;align-items:center;justify-content:center;font-size:26px}.pw-cell.clickable{cursor:pointer;transition:box-shadow .1s,filter .1s}.pw-cell.clickable:hover{filter:brightness(1.05);box-shadow:inset 0 0 0 2px var(--gold),inset 0 2px 4px #00000021}.pw-cell.equipped{box-shadow:inset 0 0 0 3px var(--leaf),inset 0 2px 4px #00000021}.pw-cell-qty{position:absolute;right:3px;bottom:2px;font-size:11px;font-weight:800;color:var(--ink);background:#fdf6e8d9;border-radius:5px;padding:0 3px;box-shadow:0 1px 2px #00000026}.pw-cell-enh{position:absolute;left:3px;top:2px;font-size:10px;font-weight:800;color:#fff;background:var(--accent);border-radius:5px;padding:0 3px;box-shadow:0 1px 2px #00000040}.pw-dur{position:absolute;left:4px;right:4px;bottom:14px;height:4px;background:#0003;border-radius:2px;overflow:hidden}.pw-dur-fill{height:100%}.pw-sheet-backdrop{position:fixed;inset:0;z-index:60}.pw-sheet{position:fixed;z-index:61;width:200px;padding:10px;animation:pw-pop-in .12s ease-out}.pw-sheet-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:800;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw-sheet-label{font-size:11px;font-weight:700;color:var(--ink-soft);margin:8px 0 4px}.pw-sheet-slots{display:flex;gap:5px}.pw-sheet-slot{flex:1;height:30px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#a06a3c 0%,var(--wood) 55%,var(--wood-dark) 100%);color:var(--gold);border:2px solid var(--wood-edge);border-radius:8px;font-size:12px;font-weight:800;box-shadow:inset 0 1px #d9ac7752;transition:filter .1s}.pw-sheet-slot:hover{filter:brightness(1.12)}.pw-sheet-slot.assigned{background:linear-gradient(180deg,#f5d675 0%,var(--gold) 55%,var(--gold-dark) 100%);color:#6b4a12}.pw-row{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:8px;background:linear-gradient(180deg,var(--paper-dark) 0%,#ecd9b0 100%);border:2px solid var(--wood-dark);border-radius:10px;box-shadow:inset 0 0 0 1px #fffdf259;font-size:14px}.pw-row.ok{background:linear-gradient(180deg,#e3efdb,#d5e6ca)}.pw-row .pw-row-icon{font-size:22px}.pw-row .pw-row-name{font-weight:700;min-width:110px}.pw-row .pw-grow{flex:1}.pw-muted{color:var(--ink-soft);font-size:12px}.pw-mat-ok{color:var(--leaf);font-weight:700}.pw-mat-no{color:var(--accent);font-weight:700}.pw-step{display:inline-flex;align-items:center;gap:4px}.pw-step button{width:24px;height:24px;font-weight:800;font-size:14px;line-height:1;background:var(--paper);border:2px solid var(--wood-dark);border-radius:6px;box-shadow:inset 0 0 0 1px #fffdf2b3}.pw-step span{min-width:28px;text-align:center;font-weight:700}.pw-input,.pw-select{font-family:inherit;font-size:14px;font-weight:600;color:var(--ink);background:#fffdf6;border:2px solid var(--wood-dark);border-radius:8px;padding:6px 9px;box-shadow:inset 0 1px 3px #00000014}.pw-input:focus,.pw-select:focus{outline:2px solid var(--gold);outline-offset:1px}.pw-skill-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.pw-skill-name{width:110px;font-weight:700;font-size:14px}.pw-xpbar{flex:1;height:12px;background:linear-gradient(180deg,#55381d,#6b4226);border:2px solid var(--wood-edge);border-radius:6px;overflow:hidden;box-shadow:inset 0 2px 3px #00000047}.pw-xpbar-fill{height:100%;background:linear-gradient(180deg,#6fb58f 0%,var(--leaf) 55%,var(--leaf-dark) 100%);box-shadow:inset 0 1px #ffffff40}.pw-toasts{position:fixed;top:64px;left:50%;transform:translate(-50%);z-index:65;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.pw-toast{padding:7px 16px;font-size:14px;font-weight:700;border:3px solid var(--wood-dark);border-radius:10px;box-shadow:inset 0 0 0 1px #fffdf299,0 4px 10px #2b190c4d;animation:pw-toast-in .18s ease-out}.pw-toast.info{background:linear-gradient(180deg,var(--paper),#f8eed6)}.pw-toast.success{background:linear-gradient(180deg,#e3efdb,#d5e6ca)}.pw-toast.warn{background:linear-gradient(180deg,#f8ddc0,#f2cfa6)}@keyframes pw-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pw-overlay{position:fixed;inset:0;z-index:50;background:#1a1006b3;display:flex;align-items:center;justify-content:center;animation:pw-fade-in .15s ease-out}.pw-overlay-card{width:min(440px,calc(100vw - 40px));padding:22px;text-align:center}.pw-overlay-title{font-size:22px;font-weight:800;margin:0 0 8px}.pw-gauge{position:relative;height:30px;margin:18px 0;background:linear-gradient(180deg,#cfe3ee,#b9d5e4);border:3px solid var(--wood-dark);border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff8c,inset 0 2px 4px #00000021;overflow:hidden;cursor:pointer}.pw-gauge-zone{position:absolute;top:0;bottom:0;left:35%;width:30%;background:linear-gradient(180deg,#f2cd66,var(--gold));opacity:.92}.pw-gauge-marker{position:absolute;top:0;bottom:0;width:10px;margin-left:-5px;background:var(--accent);box-shadow:0 0 4px #00000059;animation:pw-gauge-move 1.1s linear infinite alternate}@keyframes pw-gauge-move{0%{left:2%}to{left:98%}}.pw-fish-dots{display:flex;gap:6px;justify-content:center;margin-bottom:6px}.pw-fish-dot{width:14px;height:14px;border:2px solid var(--wood-dark);border-radius:50%;background:var(--paper-dark);box-shadow:inset 0 1px 2px #00000021}.pw-fish-dot.hit{background:var(--leaf)}.pw-fish-dot.miss{background:var(--accent)}.pw-banner{position:fixed;top:64px;left:50%;transform:translate(-50%);z-index:30;max-width:min(620px,calc(100vw - 32px));display:flex;align-items:center;gap:12px;padding:10px 16px;font-size:14px;font-weight:600}.pw-landing{position:fixed;inset:0;z-index:10;background:linear-gradient(#1410182e,#14101857 70%,#14101880),url(/art/login-hero.jpg) center / cover no-repeat,linear-gradient(#a8d8ea,#cfe8d5 60%,#8fbf8a);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:20px}.pw-logo{font-size:clamp(40px,7vw,68px);font-weight:900;letter-spacing:4px;color:var(--gold);text-shadow:0 3px 0 var(--wood-edge),0 6px 14px #000000aa;margin:0}.pw-logo-img{width:min(420px,78vw);border-radius:18px;border:4px solid var(--wood-edge);box-shadow:0 8px #0005,0 14px 30px #0006;image-rendering:auto;user-select:none}.pw-tagline{font-size:16px;font-weight:700;color:var(--paper);margin:0 0 8px;text-shadow:0 2px 6px #000000cc}.pw-card{width:min(420px,calc(100vw - 32px));padding:24px}.pw-card h2{margin:0 0 14px;font-size:20px;text-align:center}.pw-field{margin-bottom:14px}.pw-field label{display:block;font-weight:700;font-size:13px;margin-bottom:5px}.pw-field .pw-input{width:100%}.pw-gender-row{display:flex;gap:12px;justify-content:center}.pw-gender-portrait{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px}.pw-gender-portrait img{width:110px;height:110px;object-fit:cover;border-radius:12px;border:3px solid var(--wood-dark)}.pw-gender-portrait.selected img{box-shadow:0 0 0 3px var(--gold)}.pw-gender-opt{flex:1;padding:12px;text-align:center;background:var(--paper-dark);border:3px solid var(--wood-dark);border-radius:10px;cursor:pointer;font-weight:700}.pw-gender-opt.selected{background:linear-gradient(180deg,#f2cd66,var(--gold));box-shadow:inset 0 0 0 3px var(--accent)}.pw-warn-box{background:linear-gradient(180deg,#f8ddc0,#f2cfa6);border:2px solid var(--accent);border-radius:10px;padding:10px;font-size:13px;font-weight:600;margin-bottom:14px}.pw-wizard-nav{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.pw-error{color:var(--accent);font-size:13px;font-weight:700;margin-top:4px}.pw-avatar-wrap{display:flex;justify-content:center;margin:6px 0 10px}.pw-avatar{image-rendering:pixelated}.pw-loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#1c1712;color:var(--gold);font-size:18px;font-weight:700;z-index:5}.pw-count{font-size:34px;font-weight:900;color:var(--accent)}.pw-modal-body::-webkit-scrollbar,.pw-popover-list::-webkit-scrollbar{width:10px}.pw-modal-body::-webkit-scrollbar-track,.pw-popover-list::-webkit-scrollbar-track{background:var(--paper-dark);border-radius:5px}.pw-modal-body::-webkit-scrollbar-thumb,.pw-popover-list::-webkit-scrollbar-thumb{background:var(--wood);border:2px solid var(--paper-dark);border-radius:5px}@media (max-width: 1100px){.pw-hpbar{width:110px}}@media (max-width: 900px){.pw-hpbar{width:90px}.pw-inv-grid{grid-template-columns:repeat(5,1fr)}.pw-hotbar-slot{width:48px;height:48px}.pw-chip{padding:5px 9px;font-size:13px}}