*{box-sizing:border-box;image-rendering:pixelated}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#0b1220,#0d0619 60%,#1a0b2e);font-family:DotGothic16,monospace;color:#fde68a}button{font-family:inherit;cursor:pointer;background:none;border:none;color:inherit;padding:0}.app{padding:8px;max-width:1280px;margin:0 auto}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}@keyframes glowPulse{0%,to{box-shadow:0 0 6px 2px #fbbf24b3}50%{box-shadow:0 0 14px 5px #fbbf24f2}}@keyframes torchFlicker{0%,to{opacity:1;transform:scale(1)}40%{opacity:.75;transform:scale(.92)}70%{opacity:.95;transform:scale(1.05)}}@keyframes torchImg{50%{background-position:0 -32px}}@keyframes fadeOut{to{opacity:0}}.hdr{border:2px solid #f59e0b;background:#000000b3;color:#fcd34d;padding:6px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}.hdr .title{color:#fde047;text-align:center}.hdr button:hover{color:#fde047}.hdr-sub{border:2px solid #f59e0b;border-top:0;background:#0009;color:#fef3c7;padding:3px 12px;font-size:12px;display:flex;flex-wrap:wrap;gap:4px 16px}.hdr-error{color:#fca5a5;animation:blink 1.6s infinite}.hdr-event{color:#a5f3fc}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0}@media(max-width:640px){.stats{grid-template-columns:repeat(2,1fr)}}.stat{border:2px solid;background:#000000b3;padding:6px 10px}.stat .n{font-size:24px}.stat .n small{font-size:12px}.stat .l{margin-left:8px;font-size:11px;color:#d1d5db}.castle-view{border:4px solid #57534e;background:#000;position:relative;overflow:hidden}.castle-frame{position:relative;width:100%;aspect-ratio:1000 / 410}.castle-frame img,.castle-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}.castle-placeholder{background:repeating-linear-gradient(0deg,#1c1530 0,#1c1530 8px,#241a3d 8px,#241a3d 16px),linear-gradient(180deg,#0b1220,#1a0b2e);display:flex;align-items:center;justify-content:center;color:#fcd34d;font-size:clamp(24px,6vw,64px)}.floor-btn{position:absolute;transform:translate(-50%,-50%);border:2px solid #fcd34d;background:#000000bf;color:#fde68a;padding:4px 10px;font-size:13px;animation:glowPulse 2.2s infinite;white-space:nowrap}.floor-btn:hover{background:#f59e0b;color:#1c1917}.floor-btn .cnt{font-size:10px;opacity:.8;margin-left:4px}.castle-hint{position:absolute;bottom:4px;left:50%;transform:translate(-50%);background:#000c;border:1px solid #f59e0b;color:#fde68a;font-size:11px;padding:2px 8px;white-space:nowrap}.castle-bell{position:absolute;top:6px;right:6px;border:2px solid #fcd34d;background:#000c;color:#fde047;font-size:12px;padding:3px 8px}.floor-layout{display:flex;gap:8px;align-items:flex-start}@media(max-width:1024px){.floor-layout{flex-direction:column;align-items:stretch}.side{width:100%!important}}.side{flex-shrink:0}.nav{width:208px;border:4px solid #57534e;background:#1c1917;padding:8px}.nav .mini-castle{position:relative;width:100%;aspect-ratio:1000 / 410;margin-bottom:8px;overflow:hidden}.nav .mini-castle img{width:100%;height:100%;object-fit:cover;opacity:.8}.nav-btn{width:100%;display:flex;justify-content:space-between;align-items:center;border:2px solid #292524;background:#44403c;color:#fef3c7;padding:6px 8px;font-size:13px;margin-bottom:4px}.nav-btn:hover{background:#57534e}.nav-btn.active{background:#f59e0b;color:#1c1917;border-color:#b45309}.nav-btn .cnt{font-size:11px;opacity:.8}.nav-exit{width:100%;border:2px solid #0e7490;background:#1e293b;color:#a5f3fc;padding:6px 8px;font-size:13px}.nav-exit:hover{background:#334155}.map-panel{flex:1;border:4px solid #d97706;background:#14101f;padding:8px;min-width:0}.map-caption{display:inline-block;background:#0f172a;color:#a5f3fc;border:2px solid #475569;padding:2px 8px;font-size:12px;margin-bottom:8px}.map-scroll{overflow-x:auto;padding-bottom:4px}.floor-map{position:relative;width:640px;height:320px;flex-shrink:0;background:#2a2436;outline:2px solid #b45309}.tile{position:absolute;width:32px;height:32px}.tile-floor{background:repeating-linear-gradient(0deg,transparent 0 15px,rgba(0,0,0,.25) 15px 16px,transparent 16px 31px,rgba(0,0,0,.25) 31px 32px),repeating-linear-gradient(90deg,transparent 0 15px,rgba(0,0,0,.25) 15px 16px,transparent 16px 31px,rgba(0,0,0,.25) 31px 32px),#2a2436}.tile-wall{background:linear-gradient(180deg,rgba(255,255,255,.08) 0 4px,transparent 4px),repeating-linear-gradient(90deg,#191426 0,#191426 10px,#221b33 10px,#221b33 21px,#191426 21px,#191426 32px);box-shadow:inset 0 -3px #0000008c}.tile-door{background:linear-gradient(180deg,#4a3520 0,#4a3520 4px,#6b4a2b 4px,#6b4a2b);box-shadow:inset 0 0 0 2px #3b2a18}.tile-desk{background:linear-gradient(180deg,#7c5633 0,#7c5633 40%,#5f4023 40%,#5f4023);box-shadow:inset 0 0 0 2px #3b2a18,inset 0 -4px #00000059;display:flex;align-items:center;justify-content:center;font-size:15px}.tile-torch{display:flex;align-items:center;justify-content:center;font-size:16px}.tile-torch .flame{animation:torchFlicker .5s infinite;filter:drop-shadow(0 0 6px rgba(251,146,60,.9))}.floor-map.img-floor .tile-floor{background:url(/assets/tiles/floor.png)}.floor-map.img-wall .tile-wall{background:url(/assets/tiles/wall.png);box-shadow:none}.floor-map.img-torch .tile-torch{background:url(/assets/tiles/torch.png) 0 0 no-repeat;animation:torchImg .6s steps(1) infinite}.floor-map.img-torch .tile-torch .flame{display:none}.room-label{position:absolute;transform:translate(-50%);background:#fbbf24;border:2px solid #92400e;color:#451a03;font-size:11px;padding:0 6px;white-space:nowrap;z-index:60}.board{position:absolute;z-index:55;border:2px solid #92400e;background:#fef3c7;color:#451a03;font-size:10px;line-height:1.5;padding:2px 6px;white-space:nowrap}.board.missing{border-color:#6b7280;background:#374151;color:#d1d5db}.board .b-title{color:#92400e}.board.missing .b-title{color:#9ca3af}.chr{position:absolute;left:0;top:0;width:32px;height:32px;will-change:transform}.chr-body{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center}.chr-sprite{width:32px;height:32px;background-repeat:no-repeat;background-size:128px 128px}.chr-emoji{font-size:24px;line-height:32px;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.4))}.chr-emoji.walking{animation:bob .4s infinite}.chr .nameplate{position:absolute;top:32px;left:50%;transform:translate(-50%);background:#000c;color:#fff;font-size:9px;padding:0 3px;white-space:nowrap}.chr .bubble{position:absolute;bottom:36px;left:50%;transform:translate(-50%);background:#0f172a;color:#bef264;border:2px solid #a3e635;box-shadow:2px 2px #00000080;font-size:10px;padding:1px 5px;white-space:nowrap;display:none;z-index:70}.chr .bubble.show{display:block;animation:blink 2s infinite}.chr.clickable{cursor:pointer}.chr.selected .chr-body{outline:3px solid #facc15;outline-offset:2px}.chr.courier .chr-emoji{font-size:20px}.chr.fade-out{animation:fadeOut 1.2s forwards}.staff-panel{width:288px;border:4px solid #be123c;background:#000c}.staff-panel .p-title{background:#881337;color:#fef08a;padding:4px 8px;font-size:13px;border-bottom:2px solid #e11d48}.staff-rows{max-height:420px;overflow-y:auto}.staff-row{width:100%;text-align:left;padding:6px 8px;border-bottom:1px solid #1e293b;display:block}.staff-row:hover,.staff-row.active{background:#1e293b}.staff-row .r1{display:flex;justify-content:space-between;align-items:center;gap:4px}.staff-row .nm{color:#fde68a;font-size:13px}.staff-row .nm small{color:#9ca3af;font-size:11px}.staff-row .badge{font-size:10px;color:#fff;padding:1px 6px;flex-shrink:0}.staff-row .tsk{font-size:11px;color:#a5f3fc;margin-top:2px}.detail{margin-top:8px;border:4px solid #0891b2;background:#020617;color:#cffafe;padding:12px;font-size:13px}.detail .d-title{color:#fde047;margin-bottom:6px}.detail .d-row{margin:3px 0}.detail .d-label{color:#67e8f9}.detail .chip{display:inline-block;border:1px solid #0e7490;background:#164e63;padding:0 6px;margin:0 4px 2px 0;font-size:11px}.detail .chip.forbidden{border-color:#9f1239;background:#4c0519;color:#fecdd3}.detail .d-note{color:#6b7280;font-size:11px;margin-top:8px}.detail .missing-inline{color:#9ca3af;background:#1f2937;border:1px solid #4b5563;padding:0 6px;font-size:11px}.auth-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;color:#9ca3af}.logout-btn{border:2px solid #7c2d12;background:#000000b3;color:#fdba74;font-size:12px;padding:4px 8px;min-height:32px}.login-gate{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:16px}.login-card{width:100%;max-width:360px;text-align:center;border:4px solid #b45309;background:#140c04eb;padding:28px 20px;box-shadow:0 0 24px #fbbf2440}.login-title{font-size:26px;color:#fcd34d}.login-sub{font-size:14px;color:#fbbf24;margin-top:4px}.login-note{font-size:13px;color:#fde68a;line-height:1.8;margin:20px 0}.login-btn{width:100%;min-height:48px;font-size:16px;border:3px solid #fcd34d;background:#7c2d12;color:#fff7ed;padding:10px;animation:glowPulse 2.5s infinite}.login-btn:disabled{opacity:.6;animation:none}.login-error{margin-top:14px;color:#fecdd3;background:#4c0519;border:1px solid #9f1239;padding:6px;font-size:12px}.sns-panel{border:4px solid #57534e;background:#1c1917;padding:10px;margin-top:8px}.sns-title{color:#fcd34d;font-size:15px;margin-bottom:8px}.sns-missing{color:#9ca3af;background:#111827;border:1px solid #374151;padding:8px;font-size:13px}.sns-rows{display:flex;flex-direction:column;gap:6px}.sns-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border:2px solid #292524;background:#292524;padding:8px;min-height:44px}.sns-main{display:flex;flex-direction:column;gap:2px;min-width:0}.sns-plat{font-size:10px;color:#93c5fd}.sns-ttl{font-size:13px;color:#fef3c7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sns-side{display:flex;align-items:center;gap:8px;flex-shrink:0}.sns-status{font-size:11px;padding:2px 8px;border-radius:2px;white-space:nowrap}.sns-approve{border:2px solid #16a34a;background:#15803d;color:#f0fdf4;font-size:13px;min-height:44px;min-width:84px;padding:0 12px}.sns-approve:disabled{opacity:.5}.sns-dialog-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}.sns-dialog{width:100%;max-width:320px;text-align:center;border:4px solid #b45309;background:#1c1917;padding:20px}.sns-dialog-msg{color:#fde68a;font-size:15px;line-height:1.7}.sns-dialog-ttl{color:#fcd34d;font-size:14px;margin-top:8px;word-break:break-word}.sns-dialog-btns{display:flex;gap:10px;margin-top:18px}.sns-dialog-btns button{flex:1;min-height:48px;font-size:15px;border:2px solid;padding:8px}.dlg-cancel{border-color:#57534e;background:#292524;color:#d6d3d1}.dlg-ok{border-color:#16a34a;background:#15803d;color:#f0fdf4}