@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Noto+Sans+KR:wght@400;500;600;700;800;900&family=Noto+Serif+KR:wght@500;600;700;800&display=swap";@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css";:root{font-family:Noto Sans KR,system-ui,sans-serif;font-synthesis:none;color:#e7e9e6;background:#0b1118;font-size:13px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:background .16s,border .16s,color .16s}button:disabled{opacity:.35;cursor:not-allowed}input,select,textarea{color:#eaf0ed;background:#222e38;border:1px solid #47555f;border-radius:5px;outline:none;padding:8px 10px;min-width:0}input:focus,textarea:focus,select:focus{border-color:#c6a56b;box-shadow:0 0 0 2px #a1855130}textarea{resize:vertical;line-height:1.8}button{background:#26343e;color:#dce3e0;border:1px solid #46545d;border-radius:5px;padding:8px 11px}button:hover{background:#344651;border-color:#7c8b93}a{color:#e8bd79}a:hover{color:#fff1c8}.app-shell{min-height:100vh;display:flex;background:#0b1118}.sidebar{width:242px;flex:0 0 242px;background:#101921;border-right:1px solid #33404a;min-height:100vh;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:21px 12px 13px;overflow-y:auto;scrollbar-width:thin}.brand{display:flex;align-items:center;gap:12px;padding:8px 8px 28px}.brand b{font-size:17px;letter-spacing:-.06em;white-space:nowrap}.brand small{font:9px IBM Plex Mono;display:block;color:#899ba5;letter-spacing:.12em;margin-top:5px}.brand-crest{width:44px;height:44px;border:1px solid #b3935c;display:grid;place-items:center;color:#e9c386;font-family:serif;font-size:26px;font-weight:800;background:linear-gradient(135deg,#3c3325,#171d23);flex-shrink:0}.sidebar-label{display:block;padding:0 10px 9px;text-transform:uppercase;color:#93a5ad;font:10px IBM Plex Mono,monospace;letter-spacing:.13em}.game-list{display:flex;flex-direction:column;gap:5px;margin-bottom:20px}.game-card{display:flex;align-items:center;gap:12px;padding:11px 10px;width:100%;text-align:left;background:none;border:1px solid transparent;color:#a8bac4}.game-card>span{font-size:21px;width:29px;text-align:center}.game-card b{font-size:13px;color:#d6dedf}.game-card small{display:block;color:#81959d;font-size:10px;margin-top:4px}.game-card.active{border-color:#73613d;background:#302c23;color:#eed49a}.game-card.active b{color:#ffe1a4}.sidebar-heading{padding:11px 8px 7px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #293742;color:#a9b6b9;font-size:11px;font-weight:700}.sidebar-heading em{font-style:normal;color:#e8c27d;padding:2px 5px;background:#443a2c;border-radius:3px}.sidebar-heading button{display:flex;align-items:center;gap:3px;color:#f3d59d;background:#31342f;padding:5px 7px;font-size:11px}.sidebar-scroll{display:flex;flex-direction:column;gap:4px;padding-bottom:12px}.phase-row{display:flex;align-items:center;gap:5px;border:1px solid #30404a;background:#18242c;border-radius:5px;padding:5px 4px}.phase-row.selected,.squad-edit.selected{border-color:#9c8356;background:#302e28}.phase-row>input{border:0;background:none;flex:1;font-size:11px;padding:3px 2px;box-shadow:none;min-width:0;color:#dfe8e4}.phase-num{border:0;background:none;padding:5px 3px;color:#c8b184;font:11px IBM Plex Mono;min-width:25px}.mini-actions{display:flex;gap:1px}.mini-actions button,.squad-edit button{padding:3px;border:0;background:transparent;color:#869da7;display:grid;place-items:center}.mini-actions button:hover,.squad-edit button:hover{color:#efc580;background:#39444b}.squad-edit{display:flex;align-items:center;gap:5px;padding:7px 6px;background:#18242c;border:1px solid #30404a;border-radius:5px}.squad-color{border-radius:50%;width:20px;height:20px;flex-shrink:0;cursor:pointer}.squad-color input{width:100%;height:100%;opacity:0;cursor:pointer;padding:0}.squad-name{border:0;background:transparent;flex:1;padding:3px;box-shadow:none;min-width:0;font-weight:700;font-size:11px}.squad-edit>b{font:10px IBM Plex Mono;color:#aabbc0}.sidebar-bottom{margin-top:auto;border-top:1px solid #303e47;padding-top:11px;display:flex;gap:5px}.sidebar-bottom button{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;font-size:10px;padding:7px 4px}.main{min-width:0;flex:1}.header{display:flex;align-items:center;justify-content:space-between;min-height:63px;border-bottom:1px solid #2c3a45;background:#131e27;padding:10px 22px;gap:12px}.crumb,.header-tools{display:flex;align-items:center;gap:10px}.crumb>span{color:#8899a2;font-size:12px}.crumb>b{color:#e6e9e4;letter-spacing:-.025em}.header-tools>span{color:#8b9ea7;font-size:11px}.header-tools button{display:flex;gap:7px;align-items:center;padding:8px 11px;color:#f0d4a5;background:#423828;border-color:#937346}.state-pill{border:1px solid #486457;color:#7ed4a1;background:#1c312c;border-radius:20px;padding:5px 9px;font-size:10px!important}.state-pill.offline{border-color:#7a6444;color:#e7b76e;background:#302a21}.hamburger{display:none}.workspace{display:flex;min-width:0;align-items:stretch;min-height:calc(100vh - 63px)}.central{flex:1 1 0;min-width:280px;padding:22px 19px 26px}.intro{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.intro small,.right-header small,.panel-label{font:10px IBM Plex Mono;letter-spacing:.11em;color:#d1a95f}.intro h1{font-weight:900;font-size:28px;letter-spacing:-.07em;line-height:1.4;margin:4px 0}.intro p{font-size:12px;color:#92a5ae;margin:0}.intro-count{display:flex;flex-direction:column;text-align:center;border:1px solid #47504e;background:#222b2e;padding:9px 13px;border-radius:7px;white-space:nowrap}.intro-count b{font:22px IBM Plex Mono;color:#edc98b}.intro-count span{font-size:10px;color:#a9b7b7}.ratio-bar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;background:#18252d;border:1px solid #364750;padding:8px 10px;border-radius:7px;margin-bottom:12px}.ratio-bar b{font-size:11px;color:#d1dad9;margin-right:3px}.ratio-bar button{padding:6px 9px;color:#b9c8c8;font-size:11px}.ratio-bar small{margin-left:auto;color:#79909b;font-size:10px}.map-toolbar{border:1px solid #35444e;border-radius:9px 9px 0 0;padding:7px 9px;background:#1b2932;display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.tool-cluster,.map-controls{display:flex;gap:3px;align-items:center;flex-wrap:wrap}.tool{display:flex;gap:6px;align-items:center;background:transparent;border:1px solid transparent;color:#aebec5;padding:9px;border-radius:5px;font-size:11px}.tool:hover{background:#30404b}.tool.tool-active{color:#ffe3aa;background:#5a492f;border-color:#a98b56}.map-controls>button{padding:7px;display:flex;align-items:center;font-size:10px;border-color:transparent;background:transparent}.map-controls>button.enabled{background:#59452d;color:#ffda98}.map-controls>select{font-size:10px;max-width:105px;padding:7px}.map-controls small{font:10px IBM Plex Mono;width:34px;text-align:center}.map-plate{border:1px solid #35444e;border-top:0;border-radius:0 0 9px 9px;overflow:hidden;background:#101b25}.map-topline{height:38px;padding:0 15px;border-bottom:1px solid #303e48;display:flex;justify-content:space-between;align-items:center;color:#9fafa9;font:10px IBM Plex Mono;letter-spacing:.04em}.map-topline span:first-child{display:flex;gap:8px;align-items:center}.live-pulse{display:inline-block;height:7px;width:7px;border-radius:100%;background:#75d1aa;box-shadow:0 0 12px #75d1aa70}.map-svg{width:100%;height:auto;display:block;aspect-ratio:10/7;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair}.concept text{font:600 15px Noto Sans KR;fill:#c5d0cd;paint-order:stroke;stroke:#14222b;stroke-width:4px;pointer-events:none}.draw-label{font:700 15px Noto Sans KR;fill:#fff1d8;paint-order:stroke;stroke:#101c24;stroke-width:4px;stroke-linejoin:round;pointer-events:none}.member-map-label{font:600 9px Noto Sans KR;fill:#e8ece7;paint-order:stroke;stroke:#101c24;stroke-width:3px;pointer-events:none}.pin-number{font:700 9px IBM Plex Mono;fill:#ffedbb;pointer-events:none}.map-footer{padding:8px 12px;min-height:46px;border-top:1px solid #35444e;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8ca0a9;font-size:10px}.map-footer>div{display:flex;gap:5px}.mini-button{display:flex;align-items:center;gap:5px;border:1px solid #465863;padding:6px 9px;border-radius:5px;background:#26343e;color:#d6dcd7;white-space:nowrap;cursor:pointer}.legend{margin-top:14px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.legend>b{font-size:11px;color:#9badb4;margin-right:7px}.legend button{display:flex;align-items:center;gap:6px;font-size:11px;padding:7px 10px;background:#202c35}.legend button i,.group-heading i,.skill-squad-tabs button i{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.legend button.muted{opacity:.35}.object-edit{margin-top:15px;background:#19262f;border:1px solid #3b4d57;border-radius:9px;padding:15px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-heading button{font-size:11px}.object-form{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.object-form label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#a2b2b8}.object-form label:first-child{grid-column:span 2}.object-form input,.object-form select,.object-form textarea{width:100%;font-size:12px}.object-form .wide{grid-column:1/-1}.object-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}.object-actions button{display:flex;gap:6px;align-items:center}.danger{color:#eba3a1!important;border-color:#814a4d!important;background:#48292c!important}.splitter{width:11px;flex:0 0 11px;background:#283741;border-left:1px solid #455663;border-right:1px solid #455663;touch-action:none;cursor:col-resize;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;color:#d8b884;font-size:23px}.splitter:hover{background:#765b39}.sidepanel{flex:0 0 var(--right-pct,44%);width:var(--right-pct,44%);min-width:305px;max-width:70%;height:calc(100vh - 63px);position:sticky;top:0;overflow-y:auto;display:flex;flex-direction:column;background:#15202a;border-left:1px solid #34444e;scrollbar-width:thin}.right-header{padding:22px 20px 13px}.right-header h2{font-size:19px;margin:5px 0;font-weight:800;letter-spacing:-.045em}.right-header h2 span{color:#e5be7b;font:13px IBM Plex Mono}.right-header p{margin:0;font-size:11px;color:#97a8af}.tabbar{display:flex;border-bottom:1px solid #354651;padding:0 13px;gap:3px}.tabbar button{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;padding:12px 5px;border:0;border-radius:0;background:transparent;color:#a3b3bb;border-bottom:2px solid transparent;white-space:nowrap}.tabbar button.active{color:#f2d5a4;border-bottom-color:#ddb77c;font-weight:700}.sidecontent{padding:16px 19px;flex:1}.panel-bottom{border-top:1px solid #37444e;color:#8396a0;font-size:10px;padding:14px 20px;display:flex;gap:8px;align-items:center;margin-top:auto}.add-person{display:flex;gap:6px}.add-person input{flex:1}.add-person button{padding:8px 11px;color:#f9dca9;background:#503f2a;border-color:#ae8953}.input-label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#b5c1c1;margin:11px 0}.input-label select,.input-label input{width:100%}.search-row,.skill-search{display:flex;align-items:center;gap:7px;margin-top:12px;padding:0 10px;border:1px solid #455760;border-radius:5px;color:#9caeb6;background:#21303a}.search-row input,.skill-search input{border:0;background:transparent;box-shadow:none;flex:1;padding:10px 0}.roster-summary{margin:12px 0 18px;padding:11px;background:#26333b;border-radius:6px;display:flex;gap:13px;color:#a6b7bd;font-size:11px;flex-wrap:wrap}.roster-summary b{color:#f7d9a2}.roster-group{margin-bottom:20px}.group-heading{display:flex;align-items:center;gap:8px;padding:8px 3px;color:#e4e5de;font-size:13px;font-weight:700}.group-heading small{margin-left:auto;font-size:10px;color:#8da4af}.group-heading button{font-size:10px;padding:5px 8px}.person-card{border:1px solid #384953;background:#1d2a34;border-radius:6px;margin-bottom:7px;overflow:hidden}.person-primary{display:flex;align-items:center;gap:9px;padding:10px}.person-primary button{border:0;background:none;color:#97b2be;padding:5px}.person-primary button:hover{color:#ffe1ab;background:#394752}.avatar{width:30px;height:30px;border:1px solid;display:grid;place-items:center;background:#26343c;border-radius:5px;font-weight:800}.person-name{flex:1;min-width:0}.person-name b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.person-name small{display:block;color:#98abb3;font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:4px}.person-edit{padding:11px;border-top:1px solid #3b4a53;display:grid;gap:10px;background:#19232c}.person-edit label{display:grid;gap:5px;color:#b4c2c5;font-size:11px}.person-edit input,.person-edit select,.person-edit textarea{width:100%}.skill-planner .panel-label{margin-bottom:5px}.skill-planner h3,.notes-panel h3,.pins-panel h3{font-size:17px;margin:5px 0 13px}.skill-squad-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:16px}.skill-squad-tabs button{display:flex;gap:5px;align-items:center;padding:7px 8px;font-size:11px}.skill-squad-tabs button.active{background:#353630}.skill-caption{display:flex;justify-content:space-between;font-size:11px;color:#d8e1df;margin-bottom:9px}.skill-caption small{color:#edc17a}.nine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:8px 0 12px}.skill-slot{position:relative;border:1px solid #445660;border-radius:8px;min-height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#23313b;cursor:pointer;padding:20px 6px 8px}.skill-slot.chosen{border:2px solid #e2bc7a;background:#343426}.skill-index{position:absolute;top:5px;left:7px;font:10px IBM Plex Mono;color:#ebcb95}.skill-slot>img{height:47px;width:47px;object-fit:cover;border-radius:5px;border:1px solid #71828a}.skill-slot>b{font-size:11px;text-align:center;line-height:1.35;min-height:25px;display:flex;align-items:center;justify-content:center}.skill-slot>button{position:absolute;right:2px;top:3px;border:0;background:none;padding:3px;color:#e4a39d}.slot-empty{display:flex;flex-direction:column;align-items:center;font-size:25px;color:#708692;gap:2px}.slot-empty small{font-size:10px}.slot-quick{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:16px}.slot-quick button{display:flex;align-items:center;gap:4px;padding:7px;font-size:10px}.skill-search{margin:14px 0 8px}.full-select{width:100%;margin-bottom:11px}.skill-results{max-height:380px;overflow-y:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:6px;scrollbar-width:thin}.skill-choice{display:flex;align-items:center;text-align:left;gap:8px;padding:8px 7px;min-width:0;background:#202d37}.skill-choice>img{width:36px;height:36px;flex:0 0 36px;object-fit:cover;border:1px solid #52636d;border-radius:5px}.skill-choice>div{min-width:0;flex:1}.skill-choice b{display:block;font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.skill-choice small{display:block;font-size:9px;color:#97aab0;margin-top:4px}.skill-choice>span{color:#dcb97a;font-size:10px}.skill-choice.equipped{border-color:#997a4f;background:#31322b}.skill-source{font-size:10px;color:#879ba4;line-height:1.6;margin-top:13px}.notes-panel h3{margin-bottom:12px}.notes-panel>p,.pins-panel>p{font-size:12px;color:#9fb0b6;line-height:1.7}.note-tabs{display:flex;gap:5px;margin-bottom:12px}.note-tabs button{flex:1;white-space:nowrap;font-size:11px;padding:10px 4px}.note-tabs button.active{color:#f2d6a4;background:#53452e;border-color:#a58958}.large-note{display:block;width:100%;height:540px;min-height:400px;line-height:1.9;font-size:13px;padding:14px;border-radius:7px;background:#1a2730}.notes-panel>small{display:block;color:#7e929c;margin-top:9px}.pin-card{display:flex;gap:11px;align-items:flex-start;background:#22303a;border:1px solid #43545f;border-radius:7px;padding:12px;margin-bottom:8px}.pin-num{border-radius:50%;border:1px solid #e7bc79;color:#f9dbab;width:26px;height:26px;display:grid;place-items:center;flex:0 0 26px;font-weight:700}.pin-card>div:nth-child(2){flex:1;min-width:0}.pin-card b{font-size:12px}.pin-card small{display:block;color:#c0b096;margin-top:5px}.pin-card p{color:#9caaad;font-size:11px;margin:6px 0 0}.pin-card>button{border:0;background:transparent;padding:3px;color:#dd9996}.empty-state{padding:25px;text-align:center;color:#879aa1;border:1px dashed #46555d;border-radius:7px;margin-top:10px}.entry-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 42% 22%,#2e2b25,#0b1118 60%);padding:20px}.entry-card{width:min(450px,100%);background:#192630;border:1px solid #736443;border-radius:14px;padding:33px;box-shadow:0 20px 70px #0007}.entry-card .brand-crest{margin:0 auto 13px;width:55px;height:55px}.entry-card>small{display:block;text-align:center;color:#d9b475;letter-spacing:.15em;font:11px IBM Plex Mono}.entry-card h1{font-size:26px;text-align:center;margin:7px 0 12px}.entry-card>p{line-height:1.8;color:#abbac0;font-size:12px}.entry-card>input,.entry-card .input-label input{width:100%;height:42px}.entry-card .primary{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#dfbc7b;color:#141b1e;font-weight:800;border-color:#dfbc7b;margin-top:12px}.entry-card .success{color:#8ae1af}.entry-wide{width:min(530px,100%)}.entry-divider{margin:22px 0 12px;text-align:center;color:#8ba1a9;border-top:1px solid #3d4d54;padding-top:13px;font-size:11px}.entry-flex{display:flex;gap:7px}.entry-flex input{flex:1}.saved-rooms{margin-top:15px;display:grid;gap:6px}.saved-rooms button{display:flex;align-items:center;gap:10px;text-align:left}.saved-rooms small{margin-left:auto;color:#d9b779}.logout{display:block;margin:18px auto 0;background:none;border:0;color:#bd9a98}.loading-board{padding:50px;color:#9fb0b4}.toast{z-index:3000;position:fixed;bottom:22px;left:50%;transform:translate(-50%);max-width:90vw;display:flex;align-items:center;gap:8px;border:1px solid #69977f;background:#274338;color:#d8f6e4;padding:12px 18px;border-radius:9px;box-shadow:0 15px 40px #0009;font-size:12px}@media(max-width:1550px){.tool>span{display:none}.central{padding:17px 12px}.ratio-bar small{display:none}}@media(max-width:1180px){.sidebar{position:fixed;z-index:101;transform:translate(-100%);box-shadow:15px 0 40px #0009}.sidebar.sidebar-show{transform:translate(0)}.hamburger{display:flex;padding:6px}.sidepanel{min-width:285px}.tool{padding:8px}}@media(max-width:760px){.workspace{display:block}.central{padding:14px 10px}.sidepanel{width:auto!important;max-width:none;min-width:0;height:auto;position:relative;border:1px solid #394a55;border-radius:8px;margin:12px 10px 30px}.splitter{display:none}.header{padding:8px 11px}.header-tools>span,.map-topline span:last-child,.ratio-bar small{display:none}.crumb .state-pill{display:none}.ratio-bar button{flex:1}.map-toolbar{gap:5px}.map-controls{flex:1}.map-controls button{padding:5px}.map-footer{flex-wrap:wrap}.map-footer>span{width:100%}.intro-count{display:none}.intro h1{font-size:24px}.skill-results{max-height:420px}.object-form{grid-template-columns:repeat(2,1fr)}.object-form label:first-child{grid-column:span 2}.large-note{min-height:440px}}.skill-drag-guide{display:flex;align-items:center;gap:7px;background:#2c332d;border:1px solid #75623d;border-radius:7px;color:#f0d6a3;padding:10px 11px;margin:0 0 12px;font-size:11px;line-height:1.6}.skill-drag-guide svg{flex:0 0 auto}.skill-slot{transition:border-color .12s,background .12s,box-shadow .12s;-webkit-user-select:none;user-select:none}.skill-slot.skill-slot-drop-target{outline:2px solid #efc983;outline-offset:-3px;border-color:#ffde9f;background:#514229;box-shadow:0 0 18px #d5a75a60;transform:scale(1.025)}.skill-slot.skill-slot-drop-target .slot-empty{color:#ffe2a6}.skill-choice{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y}.skill-choice:active{cursor:grabbing}.skill-choice img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.skill-choice-touch-handle{display:grid;place-items:center;flex:0 0 21px;width:21px;height:35px;color:#dcbb88;background:#35424b;border-radius:5px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.skill-choice-touch-handle:hover{background:#5c4b33;color:#fff0d0}.skill-choice-touch-handle:active{cursor:grabbing;background:#80633a}.skill-touch-preview{position:fixed;transform:translate(-50%,-110%);pointer-events:none;z-index:5000;display:flex;align-items:center;gap:9px;min-width:110px;max-width:190px;padding:8px 11px;background:#34432f;border:2px solid #f4cc8e;border-radius:10px;box-shadow:0 8px 32px #000b;color:#fff2d8;font-size:12px;font-weight:800}.skill-touch-preview img{height:34px;width:34px;object-fit:cover;border-radius:5px;flex-shrink:0}.skill-touch-preview span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:760px){.skill-slot{min-height:108px}.skill-choice-touch-handle{width:27px;flex-basis:27px;height:39px}.skill-choice{padding:9px 5px;gap:5px}.skill-drag-guide{font-size:10px}}.pin-type-toolbar{display:flex;align-items:center;gap:6px;font-size:10px;color:#e9cb98;white-space:nowrap}.pin-type-toolbar select{padding:7px 8px;font-size:11px;max-width:110px}.pin-kind-legend{display:flex;align-items:center;flex-wrap:wrap;gap:6px 9px;margin:8px 0 15px}.pin-kind-legend span{display:flex;align-items:center;gap:4px;font-size:10px;color:#b4c4c5;white-space:nowrap}.pin-kind-legend i{display:inline-block;width:8px;height:8px;border-radius:50%}.pin-card-tools{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:10px}.pin-card-tools select{padding:6px 8px;font-size:10px;max-width:126px}.pin-card-tools button{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;background:#3a3d33;color:#f5d8a5;border-color:#886d44;font-size:10px}.pin-card-tools button:hover{background:#514730}.pin-card .pin-num{font-family:IBM Plex Mono,monospace;font-weight:700}.entry-auth{width:min(490px,100%);padding:29px 28px}.entry-auth>p{margin:14px 0 18px}.entry-auth>p b{color:#f5d29c}.quick-entry{padding:4px 0 15px}.entry-card .quick-entry-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:16px 12px;font-size:16px;background:#e1b76c;border-color:#e5c58d;color:#171b1c;font-weight:900;border-radius:7px}.entry-card .quick-entry-button:hover{background:#f3d59b}.entry-card .quick-entry-button:disabled{background:#74664e;border-color:#74664e;color:#c9bba4;opacity:.7}.quick-entry>small{display:block;text-align:center;color:#9aadb6;font-size:11px;line-height:1.7;margin-top:11px}.email-login-fallback{margin-top:8px;border-top:1px solid #394852;padding-top:17px}.email-login-fallback summary{color:#d9c29c;cursor:pointer;font-size:12px;text-align:center;list-style-position:inside;padding:8px}.email-login-fallback>p{color:#9eadb6;font-size:11px;line-height:1.8;margin:11px 0}.email-login-fallback form{display:grid;gap:10px}.email-login-fallback form input{width:100%;height:43px}.entry-card .email-login-fallback form .primary{margin:0;display:flex;gap:8px;align-items:center;justify-content:center;font-size:13px}.auth-alert{font-size:12px;line-height:1.85;margin:13px 0 6px;padding:12px 13px;border-radius:7px}.auth-error{border:1px solid #a46d63;background:#43252a;color:#ffcbcb}.auth-setup{border:1px solid #937442;background:#383025;color:#f1d2a0}.auth-setup a{color:#ffe9c5;text-decoration:underline}.auth-success{border:1px solid #54866e;background:#203c32;color:#b4f4ca}.entry-auth .auth-footnote{margin:18px 0 0;text-align:center;font-size:10px;color:#83969d;line-height:1.75}.loading-board>div{max-width:600px;margin:0 auto;background:#263039;border:1px solid #7e6257;border-radius:10px;padding:20px}.loading-board>div p{color:#f4c0af;overflow-wrap:anywhere}.loading-board>div button{margin-right:9px}@media(max-width:760px){.entry-auth{padding:28px 20px}.entry-card .quick-entry-button{min-height:56px;font-size:15px}.entry-auth h1{font-size:24px}}.room-role{display:inline-flex;align-items:center;gap:5px;border:1px solid #735d3c;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700;white-space:nowrap;background:#2b2a24;color:#f3d2a0}.room-role.role-view{border-color:#56707b;color:#b8d6e2;background:#1d3039}.readonly-info{padding:10px 12px;background:#233643;border:1px solid #476475;color:#c0d9e7;border-radius:8px;font-size:11px;line-height:1.7;margin:10px 0}.view-only .squad-edit .squad-name,.view-only .phase-row input{cursor:default;pointer-events:none}.view-only .squad-edit .squad-name:focus,.view-only .phase-row input:focus{box-shadow:none;border-color:transparent}.view-only .roster-panel .person-edit input:disabled,.view-only .roster-panel .person-edit select:disabled,.view-only .roster-panel .person-edit textarea:disabled{color:#bfced1;opacity:1;background:#20303b}.view-only .notes-panel .large-note{background:#1c2a32;color:#e1e9e5;cursor:text}.view-only .skill-choice,.view-only .skill-choice:active,.view-only .skill-slot{cursor:default}.permissions-panel{display:grid;gap:12px}.permission-intro{display:flex;align-items:flex-start;gap:12px;background:#23343b;border:1px solid #566753;padding:15px;border-radius:9px;color:#e5c991}.permission-intro svg{flex-shrink:0;margin-top:4px}.permission-intro h3{font-size:16px;margin:0 0 7px;color:#f0ddbd}.permission-intro p{margin:0;color:#c7d4ce;line-height:1.8;font-size:11px}.permission-intro b{color:#f4d99e}.permission-summary{display:flex;gap:8px;flex-wrap:wrap;padding:11px;background:#1e2c35;border-radius:7px;border:1px solid #374c54}.permission-summary>span{font-size:10px;color:#cad6d8;background:#31434b;border-radius:20px;padding:5px 9px}.permission-member{display:grid;grid-template-columns:minmax(115px,1fr) auto;gap:10px;border:1px solid #3f515b;background:#202f39;border-radius:9px;padding:13px}.permission-name{align-self:center;min-width:0}.permission-name b{display:block;font-size:12px;overflow-wrap:anywhere}.permission-name small{display:block;color:#98afb8;font:10px IBM Plex Mono;margin-top:6px}.owner-pill{font-size:11px;border:1px solid #92774b;background:#433625;color:#f7d89e;border-radius:6px;padding:8px 10px;align-self:center}.permission-role-select{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#aebfc2}.permission-role-select select{font-size:11px;min-width:127px}.permission-rename{display:flex;gap:6px;grid-column:1/-1}.permission-rename input{flex:1;min-width:0;font-size:11px}.permission-rename button{white-space:nowrap;font-size:11px;padding:8px}.permission-note{font-size:11px;line-height:1.9;color:#9ab0b8;margin:4px 0}.permission-refresh{font-size:11px;padding:10px;justify-self:start;border-color:#8d774f;color:#e7cb97}.tabbar{overflow-x:auto;scrollbar-width:thin}.tabbar button{min-width:max-content}@media(max-width:780px){.header-tools .room-role{display:none}.crumb .room-role{font-size:10px;padding:4px 7px}.permission-member{grid-template-columns:minmax(90px,1fr) auto}.tabbar{justify-content:flex-start}.tabbar button{padding-left:9px;padding-right:9px}}.owner-permissions-link{width:100%;margin-top:auto;margin-bottom:11px;display:flex;align-items:center;gap:8px;text-align:left;background:#403623;color:#f7d59b;border:1px solid #aa8b54;font-size:11px;font-weight:700;padding:11px 10px}.owner-permissions-link span{margin-left:auto;font-size:10px;color:#e5c280}.owner-permissions-link:hover{background:#5e492e}.viewer-identity{display:block;color:#8cc6d5!important;font-size:10px!important;line-height:1.6;margin-top:7px}.required-mark{font-size:10px;color:#eac482;background:#453826;border-radius:4px;padding:2px 7px;margin-left:5px;font-weight:800}.nickname-registration{display:grid;gap:12px}.nickname-registration .primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;background:#d9b579;color:#192125;border:1px solid #eed29c;font-weight:800}.invitation-notice{font-size:11px;color:#b6cbd1;line-height:1.85;background:#23333a;border:1px solid #455e69;border-radius:7px;padding:10px 12px;margin:9px 0 13px}.invitation-notice b{color:#eed2a0}.entry-flex button{white-space:nowrap}.entry-flex button:disabled{opacity:.4}.lobby-nickname{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-radius:7px;border:1px solid #746446;background:#2d2d28;font-size:12px}.lobby-nickname b{color:#f3d5a1}.lobby-nickname button{font-size:11px;white-space:nowrap;background:#4b3e2b;color:#f2d5a1}.nickname-inline-form{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.nickname-inline-form>input{flex:1;min-width:155px}.nickname-inline-form .auth-error{width:100%;margin:0}.nickname-header-button{display:flex!important;align-items:center;gap:7px;min-width:0;max-width:180px;background:#2a3740!important;border-color:#607078!important;color:#d6e8e7!important}.nickname-header-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}.nickname-modal-backdrop{position:fixed;inset:0;z-index:4000;background:#000b;display:grid;place-items:center;padding:16px}.nickname-modal{width:min(410px,100%);display:grid;gap:12px;background:#172630;border:1px solid #947549;border-radius:12px;padding:23px;box-shadow:0 15px 80px #000b}.nickname-modal h3{margin:0;color:#f0dab3;font-size:18px}.nickname-modal p{margin:0;color:#b4c7ca;font-size:12px;line-height:1.8}.nickname-modal>input{width:100%;min-height:45px}.nickname-modal-actions{display:flex;justify-content:flex-end;gap:8px}.nickname-modal-actions button:last-child{background:#d6b074;color:#1b2427;font-weight:800;border-color:#d6b074}.nickname-modal-actions button:last-child:disabled{opacity:.4}@media(max-width:760px){.nickname-header-button{max-width:105px}.nickname-header-button span{max-width:68px}.entry-flex{flex-wrap:wrap}.entry-flex input{flex-basis:100%}.entry-flex button{width:100%}}:root{font-family:Pretendard Variable,Noto Sans KR,system-ui,sans-serif;background:#0b0d10;color:#e9e6df}body{background:#0b0d10}button,input,select,textarea{font-family:inherit}input,select,textarea{color:#ede9df;background:#1d2026;border-color:#555963}button{color:#e5e2dc;background:#24262b;border-color:#4c4d53}button:hover{background:#34363b;border-color:#bc9b68}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #d9b97d;outline-offset:2px}.app-shell{background:#0b0d10}.sidebar{background:#111318;border-color:#3b3e46}.main{background:#0c0e12}.header{background:#14161b;border-color:#333740}.brand b,.intro h1,.right-header h2{font-family:"Noto Serif KR",Noto Sans KR,serif;letter-spacing:-.055em}.brand b{font-size:17px}.creator-credit{margin:-17px 7px 18px;padding:8px 10px;border:1px solid #665841;color:#d6b783;background:#201e1c;font-size:10px;border-radius:6px;display:flex;align-items:center;gap:5px}.creator-credit b{margin-left:auto;font-weight:800;color:#f7dcb0}.intro h1{color:#e8e2d6}.intro small,.right-header small,.panel-label{color:#c5a574}.game-card.active,.phase-row.selected,.squad-edit.selected{background:#28251f;border-color:#9b8158}.sidebar-heading{border-color:#34363b;color:#bcbfc4}.map-toolbar{background:#191b20;border-color:#43464b}.map-plate{background:#0c0f14;border-color:#3d4049}.map-topline{background:#15181d;border-color:#3b3d43}.map-footer{background:#13151a}.map-svg{background:#12151a}.terrain-blueprint{font-family:Noto Sans KR,sans-serif}.tactical-free-text,.draw-label{font-family:Noto Sans KR,sans-serif;font-weight:800;paint-order:stroke;stroke:#0a0d12;stroke-width:4px;stroke-linejoin:round;pointer-events:none}.tactical-free-text{white-space:pre;pointer-events:none}.pin-symbol{font-family:Noto Sans KR,sans-serif;font-weight:900;fill:#f4eee0;pointer-events:none}.pin-secondary-label{font-family:Noto Sans KR,sans-serif;font-weight:800;fill:#efeee9;paint-order:stroke;stroke:#101315;stroke-width:3px;pointer-events:none}.map-pin-caption{pointer-events:none}.map-label-switch{display:flex!important;flex-direction:row!important;align-items:center;gap:13px!important;font-size:12px!important;background:#26282d;border:1px solid #4b4e56;padding:11px;border-radius:7px}.map-label-switch input{width:19px!important;height:19px;accent-color:#c5a372;flex:0 0 auto}.map-label-switch span{margin-left:auto;color:#d5b985;font-weight:700}.map-text-size{display:flex!important;flex-direction:row!important;align-items:center;gap:10px!important}.map-text-size input{flex:1;accent-color:#cfaf7f;min-width:35px}.map-text-size strong{color:#e9c990;font-size:12px;min-width:42px;text-align:right}.tool{color:#bcc0c5}.tool.tool-active{background:#423527;color:#f8dbaa;border-color:#b09266}.sidepanel{background:#15171c;border-color:#414249}.right-header{background:#15171c}.tabbar{position:sticky;top:0;z-index:80;flex:0 0 auto;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#7d6b55 #1a1c22;background:#17191f;padding:0 10px;box-shadow:0 4px 16px #0008;border-bottom:1px solid #505159}.tabbar button{flex:0 0 auto;min-width:78px;font-size:11px;color:#c1c3c6;white-space:nowrap;padding:12px 9px}.tabbar button.active{color:#eccc94;border-bottom-color:#dfb775;background:#29271f}.tabbar button:hover{background:#27292e}.sidecontent{background:#15171c}.squad-note-picker{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 16px}.squad-note-picker button{display:inline-flex;gap:6px;align-items:center;border:1px solid #52555d;font-size:11px;padding:9px 12px}.squad-note-picker button i{width:9px;height:9px;border-radius:50%}.squad-note-picker button.active{border-color:var(--squad-note-color);background:#2e2d28;color:#f5ddb8}.squad-note-heading{display:flex;align-items:center;gap:8px;font-weight:800;color:#e1c18e;margin:14px 0 9px}.notes-panel .large-note{background:#1a1c23;border:1px solid #494b52;height:480px;min-height:330px}.notes-panel>p{font-size:12px;color:#b9bdc2;line-height:1.8}.guild-rank-badge,.creator-pill{display:inline-flex;align-items:center;width:max-content;border:1px solid #777375;border-radius:20px;padding:3px 8px;color:#c7c7ca;font-size:10px;font-weight:700;margin:5px 5px 1px 0}.guild-rank-badge.leader{color:#f3d092;border-color:#947343;background:#383025}.guild-rank-badge.deputy{color:#d9d7d5;border-color:#a3a5a8;background:#303238}.creator-pill{color:#f7dcab;border-color:#b19663;background:#3b3223}.permission-member.enhanced{grid-template-columns:1fr;gap:12px;border-color:#57575c;background:#1d1e24}.permission-member.enhanced .permission-name{display:flex;flex-direction:column;align-items:flex-start}.permission-member.enhanced .permission-name small{color:#969ca5}.permission-member.enhanced .permission-role-select{width:100%}.permission-member.enhanced .permission-role-select select,.permission-member.enhanced .owner-pill{width:100%;min-width:0}.permission-role-select{color:#babcc3}.permission-intro{background:#262524;border-color:#79684e;color:#c9a772}.permission-intro h3{color:#ecd5b3}.permission-summary{border-color:#4b4d53;background:#22242a}.permission-summary>span{background:#303139;color:#e3ddd3}.next-battle-chip{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:11px;padding:7px 10px;border:1px solid #7e6a4e;background:#2b271f;color:#e9d0a5;border-radius:20px}.schedule-panel{display:grid;gap:15px;min-width:0}.calendar-header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin:1px 0 0}.calendar-header small{font:10px IBM Plex Mono;letter-spacing:.15em;color:#c6a66e}.calendar-header h3{display:flex;align-items:center;gap:8px;font-size:19px;color:#ece4d7;margin:6px 0;font-family:"Noto Serif KR",sans-serif}.calendar-header p{color:#b1b5bd;font-size:11px;line-height:1.7;margin:0}.calendar-today{border-color:#b08e58;color:#f1d299;background:#322a20;white-space:nowrap;font-size:11px}.schedule-filter{display:flex;gap:5px;flex-wrap:wrap}.schedule-filter button{font-size:10px;border-color:#47484e;padding:7px 9px}.schedule-filter button.active{background:#413728;border-color:#be9f70;color:#f8dbae}.calendar-shell{border:1px solid #52545a;border-radius:10px;background:#191b20;overflow:hidden}.calendar-month-controls{display:flex;align-items:center;justify-content:center;gap:20px;padding:13px 8px;background:#202126;border-bottom:1px solid #4c4e55}.calendar-month-controls strong{color:#e9ddd0;font-size:15px;font-family:"Noto Serif KR",sans-serif;min-width:111px;text-align:center}.calendar-month-controls button{border-color:transparent;background:transparent;padding:6px;color:#d2b588;display:grid;place-items:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekday{padding:9px 0;text-align:center;background:#282930;color:#c4c6ca;font-size:11px;border-bottom:1px solid #43454c}.calendar-weekday.sunday{color:#de9892}.calendar-weekday.saturday{color:#a8bbd6}.calendar-day{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;min-height:79px;border:0;border-right:1px solid #383b43;border-bottom:1px solid #383b43;border-radius:0;background:#1a1c22;padding:7px 4px;text-align:left}.calendar-day:nth-child(7n){border-right:0}.calendar-day.outside{background:#15171c;color:#757980}.calendar-day:hover{background:#2b2c32}.calendar-day.selected{background:#363026;box-shadow:inset 0 0 0 2px #bc985d}.calendar-day.is-today .calendar-date{border-radius:50%;background:#b19261;color:#111319}.calendar-date{display:grid;place-items:center;width:21px;height:21px;font:600 11px IBM Plex Mono;color:#c9cbd0}.calendar-mini-events{width:100%;display:flex;flex-direction:column;gap:3px;min-width:0}.calendar-mini-event{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-size:8px;padding:3px 4px;border-radius:3px;color:#181b20;font-weight:800;background:#e1c18b}.calendar-mini-event.garden{background:#aabfce}.calendar-mini-event.barrier{background:#c2afdb}.calendar-mini-events>small{color:#c4ac83;font-size:9px}.schedule-selected,.schedule-add,.schedule-upcoming{background:#1d1e24;border:1px solid #494b52;border-radius:9px;padding:14px}.schedule-selected h4,.schedule-add h4,.schedule-upcoming h4{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:#e9d2a6;font-size:13px;font-weight:800}.schedule-selected h4 span{margin-left:auto;color:#bdc3c8;font-size:11px}.schedule-event{display:flex;gap:10px;align-items:stretch;border-top:1px solid #3c3e44;border-left:3px solid var(--schedule-color);padding:10px 0 10px 10px}.schedule-event-time{display:flex;flex-direction:column;min-width:51px;color:var(--schedule-color);font:700 12px IBM Plex Mono}.schedule-event-time small{font-size:10px;font-weight:500;margin-top:3px}.schedule-event-main{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.schedule-event-main small{color:var(--schedule-color);font-size:10px}.schedule-event-main b{font-size:12px;overflow-wrap:anywhere}.schedule-event-main p{font-size:11px;line-height:1.65;color:#afb9be;margin:0;white-space:pre-wrap}.schedule-event>button{flex-shrink:0;align-self:start;border:0;background:transparent;color:#ca8b85;padding:3px}.calendar-empty{font-size:11px;color:#969da5;margin:4px 0;line-height:1.8}.schedule-form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.schedule-form-grid label{display:grid;gap:6px;font-size:11px;color:#b7bcc4;min-width:0}.schedule-form-grid label.wide{grid-column:1/-1}.schedule-form-grid input,.schedule-form-grid select,.schedule-form-grid textarea{width:100%;min-width:0}.schedule-submit{width:100%;margin-top:12px;background:#b99b6c;color:#17191d;border-color:#cbb280;font-weight:900;padding:12px}.schedule-submit:hover{background:#ddbb82}.schedule-upcoming-row{display:grid;gap:7px;grid-template-columns:100px minmax(0,1fr);align-items:center;width:100%;text-align:left;border:0;border-top:1px solid #3d3e45;border-radius:0;background:transparent;padding:9px 2px}.schedule-upcoming-row>span{color:#ded4c3;font:10px IBM Plex Mono}.schedule-upcoming-row strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schedule-upcoming-row small{grid-column:2;font-size:10px}.calendar-help{display:flex;gap:6px;align-items:flex-start;color:#9ea5ae;font-size:10px;line-height:1.8}.calendar-help svg{flex:0 0 auto;margin-top:2px}@media(max-width:830px){.right-header{padding:14px 12px 10px}.sidecontent{padding:14px 12px}.tabbar button{font-size:10px;min-width:72px}.calendar-day{min-height:68px;padding:5px 3px}.calendar-mini-event{font-size:7px}.schedule-form-grid{gap:8px}}@media(max-width:450px){.calendar-day{min-height:63px}.calendar-mini-event{font-size:7px;letter-spacing:-.04em;padding:2px 1px}.calendar-header h3{font-size:16px}.calendar-date{width:20px;height:20px}}.phase-row{flex-wrap:wrap}.phase-time-editor{flex:0 0 100%;display:flex;align-items:center;gap:6px;padding:2px 4px 3px 30px;color:#c9b183}.phase-time-editor input{flex:0 0 auto;width:96px;padding:3px 5px;font:11px IBM Plex Mono;background:#222329;border-color:#54545a;min-width:0}.phase-time-editor span{font-size:9px;color:#99999e}.phase-time-editor input:disabled{border-color:transparent;background:transparent;opacity:1;color:#c9bda9}@media(max-width:760px){.sidepanel{overflow:visible}.tabbar{top:0;max-width:100%;background:#17191f}.calendar-grid{width:100%}.calendar-day{padding:5px 2px}.calendar-date{font-size:10px}}.person-card,.pin-card,.skill-choice,.skill-slot,.roster-summary,.notes-panel .large-note,.search-row,.skill-search,.skill-results,.roster-group,.pin-card-tools select,.squad-edit,.phase-row,.entry-card,.entry-auth,.permissions-panel .permission-member,.object-edit{border-color:#4a4b52;background-color:#202126}.roster-summary,.pin-card-tools{background:#1d1e23}.skill-slot.chosen{background:#312b22;border-color:#d4b37f}.skill-choice.equipped{background:#302a23;border-color:#aa8755}.pin-card,.person-card,.permission-member{box-shadow:0 2px 12px #0002}.entry-screen{background:radial-gradient(circle at 52% 25%,#282722,#131419 53%,#090b0f)}.entry-card{border-color:#806a4b;background:linear-gradient(160deg,#14151a,#101216)}.header-tools button:hover,.nickname-header-button:hover{background:#3e3324}.map-text-toolbar{display:flex;flex:1 1 220px;max-width:470px;gap:9px;align-items:center;padding:5px 9px;border:1px solid #857150;border-radius:7px;background:#272522}.map-text-toolbar>input{width:100%;flex:1 1 120px;border-color:#73634b;background:#191a1e;font-size:11px}.map-text-toolbar label{display:flex;gap:5px;align-items:center;flex:0 0 auto;color:#e2c593;font-size:10px}.map-text-toolbar label input{width:66px;accent-color:#d8b77d}.map-text-toolbar b{font:10px IBM Plex Mono;color:#e0c59a;min-width:29px}@media(max-width:760px){.map-text-toolbar{max-width:100%;flex-basis:100%}.map-text-toolbar>input{min-width:90px}}.pin-type-tag{display:inline-block;width:max-content;margin:5px 0 4px;border:1px solid var(--pin-type-color);color:var(--pin-type-color);background:#14161b;border-radius:5px;font-weight:800;font-size:10px;padding:3px 7px}.map-plate{position:relative;isolation:isolate;overflow:hidden}.map-svg{aspect-ratio:1/1!important;max-height:none;touch-action:none;background:#101217;display:block;width:100%;height:auto}.map-spotlight,.map-spotlight *,.spotlight-ring{pointer-events:none!important}.spotlight-ring{stroke:#ffe2a2;stroke-width:5;fill:#e4b66514;stroke-dasharray:12 7;filter:drop-shadow(0 0 8px #ffe39d);animation:map-ring-flash .95s ease-in-out infinite alternate}.spotlight-ring-two{stroke-width:4;stroke:#f0aa43;animation-duration:1.3s;animation-delay:.2s}@keyframes map-ring-flash{0%{opacity:.2;stroke-width:3;stroke-dashoffset:0}to{opacity:1;stroke-width:8;stroke-dashoffset:30}}.map-floating-inspector{position:absolute;z-index:90;max-height:min(370px,80%);overflow:auto;border:1px solid #cca36a;border-radius:10px;background:#1b1b20;box-shadow:0 12px 44px #000c;overscroll-behavior:contain;touch-action:pan-y}.floating-inspector-head{display:flex;align-items:center;justify-content:space-between;gap:9px;position:sticky;top:0;background:#2b2925;border-bottom:1px solid #61553f;color:#f2dab0;padding:10px 12px;font-size:12px;z-index:2}.floating-inspector-head button{border:0;background:transparent;color:#ebdbbd;font-size:20px;padding:0 5px}.floating-inspector-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;padding:11px}.floating-inspector-body label{display:flex;flex-direction:column;gap:5px;min-width:0;color:#c4c2bb;font-size:11px}.floating-inspector-body label.wide{grid-column:1/-1}.floating-inspector-body input,.floating-inspector-body select,.floating-inspector-body textarea{width:100%;font-size:12px;padding:8px;min-width:0}.floating-inspector-body input[type=color]{height:35px;padding:2px;cursor:pointer}.floating-inspector-body input[type=range]{padding:3px;min-height:25px}.floating-inspector-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px;grid-column:1/-1}.floating-inspector-actions button{font-size:11px;padding:7px 9px}.floating-inspector-actions button.done{background:#bd9a64;border-color:#e0be83;color:#1a1a1c;font-weight:800}.map-pen-options{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid #887252;border-radius:7px;background:#25221e;padding:6px 9px;font-size:11px;color:#e2c391}.map-pen-options label{display:flex;align-items:center;gap:6px;white-space:nowrap}.map-pen-options input[type=color]{width:29px;height:29px;padding:1px;cursor:pointer}.map-pen-options input[type=range]{width:82px;accent-color:#d9b878}.map-pen-options span{color:#bfb8a9;font-size:10px}.map-clear-all{display:inline-flex!important;gap:5px;align-items:center;color:#f1b9af!important;border:1px solid #8b605b!important;background:#302321!important;padding:6px 9px!important}.all-squad-toggle{display:flex;gap:5px;align-items:center;color:#d8c19c!important;border-color:#8b7657!important}.map-text-toolbar select{font-size:11px;max-width:120px;color:#e8d5b3;border:1px solid #65523b;background:#1a1b20}.pin-card>div:nth-child(3){min-width:0}.pin-card>div:nth-child(2)>b{display:block;line-height:1.7;margin:0 0 9px}.pin-card .pin-type-tag{display:inline-flex;align-items:center;gap:6px;margin:4px 0 11px;padding:5px 11px;line-height:1.55}.pin-card>div:nth-child(2)>small{display:block;line-height:1.8}.required-skills-section{background:#25221e;border:1px solid #8b714d;border-radius:9px;padding:13px;margin:15px 0}.required-skills-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}.required-skills-heading h4{margin:0 0 4px;color:#f1d4a2;font-size:14px}.required-skills-heading p{margin:0;font-size:10px;color:#c0b8a9;line-height:1.5}.required-counter{display:flex;gap:7px;align-items:center}.required-counter strong{color:#f0dab3;font-size:11px;white-space:nowrap}.required-counter button{padding:4px 8px;font-size:18px;font-weight:700;min-width:28px;border-color:#a38557;background:#332d24;color:#f0d1a2}.required-counter button:disabled{opacity:.35}.required-skills-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.required-skill-slot{display:flex;align-items:center;gap:7px;min-width:0;padding:8px;border:1px dashed #8d785a;border-radius:7px;background:#1c1e23;min-height:52px;cursor:pointer;transition:background .2s,border-color .2s}.required-skill-slot.chosen,.required-skill-slot.skill-slot-drop-target{border-style:solid;border-color:#f0c78a;background:#453a2c;box-shadow:0 0 12px #ba895955}.required-skill-slot .required-index{font:700 10px IBM Plex Mono;color:#d5b37d;white-space:nowrap}.required-skill-slot img{width:32px;height:32px;object-fit:cover;border-radius:5px;flex-shrink:0}.required-skill-slot>b{font-size:11px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.required-skill-slot>button{margin-left:auto;font-size:11px;padding:4px;background:transparent;border:0}.required-empty,.required-none{color:#aa9e88;font-size:10px;line-height:1.5}.required-none{grid-column:1/-1}.rotation-title{display:flex;align-items:center;justify-content:space-between;margin:19px 0 6px;border-top:1px solid #4c453b;padding-top:14px}.rotation-title h4{color:#ead5af;font-size:14px;margin:0}.rotation-title span{color:#aaa9a3;font-size:10px}.phase-row{display:flex;align-items:center;gap:7px;justify-content:center;min-height:42px}.phase-row>input{min-width:0!important;flex:0 1 auto!important;max-width:calc(100% - 102px);text-align:center;font-weight:750;font-size:12px;padding:5px 6px!important;color:#f0e4d4;transition:width .1s;letter-spacing:-.02em}.phase-num{flex:0 0 27px;min-width:27px}.phase-row .mini-actions{flex:0 0 auto;margin-left:auto}.phase-row .mini-actions button{padding:3px}.sidebar-scroll .phase-row{padding:7px}.intro h1,.brand b,.right-header h2,.calendar-header h3,.calendar-month-controls strong{font-family:Pretendard Variable,Noto Sans KR,system-ui,sans-serif!important;letter-spacing:-.035em!important;font-weight:800}.intro h1{font-size:clamp(23px,2.4vw,34px);line-height:1.3}.brand b{font-size:17px;letter-spacing:-.025em!important}.open-briefing{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px!important;border:1px solid #d4ae72!important;border-radius:7px;background:#463722!important;color:#f5d29c!important;white-space:nowrap;font-size:12px;font-weight:850}.open-briefing:hover{background:#6a5130!important}.briefing-workspace{display:block!important;width:100%;min-width:0;overflow:auto!important;flex:1;min-height:0}.briefing-root{padding:18px clamp(12px,2.3vw,28px);min-height:100%;background:#101115;max-width:1800px;margin:0 auto}.briefing-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:17px;border-bottom:1px solid #464348}.briefing-heading small{color:#d9b97f;font:11px IBM Plex Mono;letter-spacing:.15em}.briefing-heading h2{font-family:Pretendard Variable,Noto Sans KR,sans-serif;margin:5px 0 7px;font-size:26px;font-weight:900;letter-spacing:-.035em;color:#f4e7d3}.briefing-heading p{font-size:12px;color:#b9bac1;margin:0;line-height:1.7}.briefing-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.briefing-actions button{display:flex;align-items:center;gap:6px;font-size:11px;padding:9px 11px}.briefing-actions .briefing-exit{background:#b89a68;color:#191b1f;border-color:#b89a68;font-weight:800}.briefing-controls{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;margin:16px 0}.briefing-squads{display:flex;flex-wrap:wrap;gap:6px}.briefing-squads button{border:1px solid #565258;background:#25262b;padding:9px 12px;font-size:12px;white-space:nowrap}.briefing-squads button.active{border-color:#ddba7d;color:#f6d9a4;background:#3d3225}.briefing-search{display:flex;align-items:center;gap:7px;min-width:min(100%,240px);padding:5px 10px;border:1px solid #68615a;border-radius:7px;color:#deb980;background:#1e2025}.briefing-search input{width:100%;border:0;background:transparent;outline:none;font-size:12px}.briefing-search-results{display:flex;gap:7px;flex-wrap:wrap;padding:8px 0 13px}.briefing-search-results button{display:flex;align-items:center;gap:8px;padding:9px 11px;background:#303038;border:1px solid #74694e;color:#e7ded0;border-radius:7px;font-size:12px}.briefing-search-results button span{color:#cdb487}.briefing-search-results button svg{color:#d5b978}.briefing-search-results p{color:#bbad9d;font-size:12px}.briefing-content{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:15px;align-items:start}.briefing-map-panel{background:#17191e;border:1px solid #55525a;border-radius:10px;overflow:hidden;position:sticky;top:12px}.briefing-map-panel>header{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#28272b;padding:12px 13px;font-size:13px;font-weight:850;color:#f1dbb1}.briefing-map-panel>header span{font-size:11px;color:#aaaec1;font-weight:500;margin-left:auto}.briefing-map-panel>header button{font-size:10px;padding:6px 8px}.briefing-map-svg{display:block;width:100%;height:auto;aspect-ratio:1/1;background:#13151a}.briefing-map-panel>footer{font-size:10px;color:#a7abb2;line-height:1.6;padding:10px 13px;border-top:1px solid #42454d}.brief-map-label{font:800 15px Pretendard Variable,Noto Sans KR,sans-serif;fill:#f6ead7;paint-order:stroke;stroke:#111319;stroke-width:4px;pointer-events:none}.briefing-info{display:grid;gap:12px;align-content:start}.briefing-card{background:#1c1e24;border:1px solid #55535c;border-radius:10px;padding:15px;min-width:0}.briefing-card h3{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:#f4d9ac;font-size:15px}.briefing-strategy-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.85;color:#e7e2d7;margin:0;min-height:40px}.briefing-ref-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.briefing-ref-list button{display:flex;align-items:center;gap:6px;background:#383027;color:#efdbb7;border:1px solid #866e4b;border-radius:6px;padding:8px;font-size:11px}.briefing-ref-list button span{margin-left:5px;color:#ebc889}.briefing-team-overview{display:grid;gap:6px}.briefing-team-overview button{display:flex;gap:8px;align-items:center;width:100%;padding:10px;border:1px solid #47474e;text-align:left;background:#292a2f}.briefing-team-overview button i{width:9px;height:9px;border-radius:50%}.briefing-team-overview button b{font-size:12px}.briefing-team-overview button span{margin-left:auto;font-size:10px;color:#d2c2a6}.briefing-members{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:6px}.briefing-members button{display:flex;flex-direction:column;gap:5px;position:relative;text-align:left;background:#292a30;border:1px solid #4c4b52;padding:9px 24px 10px 10px}.briefing-members button strong{font-size:12px;color:#e9e1d4}.briefing-members button small{font-size:10px;color:#bdbab5}.briefing-members button svg{position:absolute;right:7px;top:10px;color:#bca270}.briefing-skill-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:7px}.briefing-skill{display:flex;align-items:center;gap:7px;background:#302b26;border:1px solid #75654f;border-radius:7px;padding:7px}.briefing-skill img,.briefing-rotation-item img{width:32px;height:32px;object-fit:cover;border-radius:5px;flex:0 0 auto}.briefing-skill b,.briefing-rotation-item b{font-size:11px;color:#f2e2cb}.briefing-skill-list>p{font-size:11px;color:#a6a6ad}.briefing-rotation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.briefing-rotation-item{display:flex;align-items:center;gap:6px;min-width:0;padding:7px;border:1px solid #565158;border-radius:6px;background:#29272a}.briefing-rotation-item>span{color:#d0ad75;font:700 12px IBM Plex Mono}.briefing-rotation-item>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.briefing-rotation-item>small{color:#92929a;font-size:10px}@media(max-width:1030px){.briefing-content{grid-template-columns:minmax(0,1fr)}.briefing-map-panel{position:relative;top:auto;max-width:760px;margin:auto;width:100%}.briefing-heading h2{font-size:22px}}@media(max-width:760px){.briefing-root{padding:11px}.briefing-heading{flex-wrap:wrap}.briefing-squads{overflow-x:auto;flex-wrap:nowrap;max-width:100%;padding-bottom:5px}.briefing-rotation{grid-template-columns:repeat(2,minmax(0,1fr))}.required-skills-grid{grid-template-columns:1fr 1fr}.open-briefing{font-size:10px;padding:7px!important}.map-floating-inspector{max-height:55%}}@media print{.sidebar,.header,.briefing-actions,.briefing-controls{display:none!important}.briefing-workspace{overflow:visible!important}.briefing-content{grid-template-columns:1fr 1fr}.briefing-root{background:#fff;color:#000}.briefing-card{break-inside:avoid}}.briefing-team-overview .briefing-squad-overview{display:flex;flex-direction:column;gap:7px;align-items:stretch;text-align:left;background:#25262b;border-color:#57545c;padding:12px}.briefing-squad-overview:hover{background:#33302b;border-color:#c5a26c}.briefing-team-title{display:flex;align-items:center;gap:8px;width:100%}.briefing-team-title i{width:9px;height:9px;flex:0 0 9px;border-radius:50%}.briefing-team-title b{font-size:13px;color:#f2e3ce}.briefing-team-title span{margin-left:auto;color:#dfc18b;font-size:11px}.briefing-squad-overview p{font-size:12px;color:#d1d0ca;margin:0;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;max-height:88px;overflow:hidden}.briefing-squad-overview small{display:block;width:100%;font-size:11px;line-height:1.6;color:#b7b8c1;overflow-wrap:anywhere}.briefing-squad-overview>strong{color:#dfba7e;font-size:11px;text-align:right;margin-top:3px}.sidebar-briefing-link{display:flex;align-items:center;gap:8px;width:100%;margin:12px 0;padding:11px 10px;border-radius:7px;text-align:left;border:1px solid #ac8957;background:#352d23;color:#eed6af;font-weight:900;font-size:12px}.sidebar-briefing-link span{margin-left:auto;font-size:10px;color:#c0a984;font-weight:500}.sidebar-briefing-link:hover,.sidebar-briefing-link.active{background:#57452f;border-color:#edc48e}@media(max-width:760px){.sidebar-briefing-link{margin:9px 0;padding:13px 10px}}.briefing-team-overview .briefing-squad-overview p{max-height:none;overflow:visible;white-space:pre-wrap}.map-section,.map-toolbar,.map-plate{min-width:0;max-width:100%;box-sizing:border-box}.map-section{isolation:isolate}.map-svg,.briefing-map-svg{width:100%;height:auto;max-width:100%;aspect-ratio:1/1;object-fit:contain}.map-plate{background:#151920}.map-plate .map-svg{background:#151920;display:block;margin:0 auto}.map-topline{min-width:0;gap:8px}.map-topline>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-expand-button{display:flex;align-items:center;gap:5px;border:1px solid #a1845a!important;background:#352c20!important;color:#f0d6a9!important;font-weight:800}.map-expand-button:hover{background:#4c3c27!important}.map-section.map-expanded{position:fixed;inset:0;z-index:999;max-width:100vw;max-height:100dvh;padding:10px;background:#101217;overflow:auto;overscroll-behavior:contain}.map-expanded .map-toolbar,.map-expanded .map-plate,.map-expanded .legend{width:min(100%,calc(100dvh - 175px),1080px);max-width:none;margin-left:auto;margin-right:auto}.map-expanded .map-plate{border:1px solid #807055;border-radius:9px}.map-expanded .map-svg{max-height:calc(100dvh - 200px);width:100%;margin:auto}.map-expanded .legend{margin-top:9px}.map-expanded .map-floating-inspector{max-height:min(380px,60dvh)}.map-pen-options,.map-text-toolbar{min-width:0}@media(max-width:760px){html,body,#root{max-width:100%;overflow-x:clip}.app-shell,.workspace,.central,.sidepanel,.map-section,.map-toolbar,.map-plate{min-width:0;max-width:100%;box-sizing:border-box}.central{padding-left:8px;padding-right:8px}.map-section{width:100%}.map-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:8px 7px}.map-toolbar .tool-cluster{width:100%;min-width:0;display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#a78a5f transparent;gap:5px;padding:3px 0 8px;touch-action:pan-x}.map-toolbar .tool-cluster .tool{flex:0 0 44px;width:44px;min-width:44px;min-height:44px;justify-content:center;align-items:center;padding:9px;border:1px solid #464950}.map-toolbar .tool-cluster .tool span{display:none}.map-toolbar .tool-cluster .tool.tool-active{border:1px solid #d7ad73;background:#50402b}.map-controls{width:100%;min-width:0;max-width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:5px;overflow-x:auto;overscroll-behavior-x:contain;touch-action:pan-x;padding:3px 0 7px;scrollbar-width:thin}.map-controls button{min-height:38px;min-width:36px;flex:0 0 auto;white-space:nowrap;padding:7px!important}.map-controls select{min-height:37px;flex:0 0 auto;max-width:120px}.map-controls>small{flex:0 0 auto;padding:0 6px}.map-plate{width:100%;overflow:hidden;max-width:100%}.map-svg{width:100%;height:auto;aspect-ratio:1/1}.map-topline{padding:0 9px;height:33px;font-size:9px}.map-footer{padding:8px 9px;gap:7px}.map-footer .mini-button{min-height:35px}.map-floating-inspector{position:fixed!important;left:10px!important;right:10px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;top:auto!important;width:auto!important;max-width:none!important;max-height:min(62dvh,510px)!important;border-radius:12px;box-shadow:0 -10px 80px #000e;z-index:2000;overscroll-behavior:contain}.floating-inspector-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.floating-inspector-body label,.floating-inspector-body input,.floating-inspector-body textarea,.floating-inspector-body select{font-size:14px}.floating-inspector-body input,.floating-inspector-body select{min-height:39px}.floating-inspector-head{padding:12px}.floating-inspector-head button{min-width:38px;min-height:38px}.floating-inspector-actions button{min-height:39px}.map-text-toolbar{display:flex;flex-wrap:wrap;max-width:100%;gap:6px}.map-text-toolbar>input{flex:1 1 160px;min-height:38px;font-size:13px}.map-text-toolbar>select{min-height:38px}.map-text-toolbar label{min-height:38px}.map-pen-options{width:100%;justify-content:space-between}.map-pen-options span{width:100%;line-height:1.6}.legend{display:flex;flex-wrap:wrap;gap:6px}.legend button{min-height:36px}.sidepanel{margin:12px 8px 24px}.tabbar{width:100%;flex-wrap:nowrap;position:sticky;top:0}.tabbar button{min-height:46px;white-space:nowrap}.briefing-root{min-width:0}.briefing-heading{gap:8px}.briefing-heading p{font-size:11px}.briefing-squads{min-width:0}.briefing-squads button{min-height:40px}.briefing-search{width:100%;flex:1}.briefing-search input{min-height:38px}.briefing-content,.briefing-card,.briefing-map-panel{min-width:0;max-width:100%}.briefing-map-svg{width:100%;height:auto}.briefing-rotation{grid-template-columns:repeat(2,minmax(0,1fr))}.briefing-rotation-item{min-width:0;overflow:hidden}.briefing-members{grid-template-columns:repeat(2,minmax(0,1fr))}.brief-map-label{font-size:21px}.header-tools{gap:5px}.header-tools .open-briefing{padding:7px 8px!important;font-size:11px}.header-tools .nickname-header-button{max-width:68px;padding:7px 6px}.header-tools .nickname-header-button span{max-width:40px}.header-tools>button{min-width:34px}.map-expanded .map-toolbar,.map-expanded .map-plate,.map-expanded .legend{width:100%}.map-expanded .map-svg{max-height:calc(100dvh - 205px)}}@media(max-width:380px){.map-controls button{font-size:10px}.map-expand-button span{display:none}.briefing-members{grid-template-columns:1fr}.briefing-rotation{grid-template-columns:1fr 1fr}}@media(orientation:landscape)and (max-height:560px){.map-section.map-expanded .map-svg{max-height:calc(100dvh - 135px)}.map-section.map-expanded .map-plate{max-width:calc(100dvh - 120px)}}@media(max-width:760px){.header{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:7px;width:100%;min-width:0;max-width:100%;height:auto;min-height:0;padding:8px 10px}.header .crumb{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:0;width:100%;overflow:hidden}.header .crumb>.hamburger{display:flex;align-items:center;justify-content:center;flex:0 0 40px;min-height:40px;padding:6px}.header .crumb>span:nth-child(2){display:none}.header .crumb>b{display:block;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal;word-break:keep-all;font-size:15px;line-height:1.5}.header .crumb>.room-role,.header .crumb>.state-pill{display:none}.header .header-tools{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;min-width:0;width:100%;max-width:100%;gap:6px;overflow-x:auto;padding:1px 0 3px;scrollbar-width:none}.header .header-tools::-webkit-scrollbar{display:none}.header .header-tools>button{flex:0 0 auto;white-space:nowrap;min-height:38px}.header .header-tools .open-briefing{margin:0 auto 0 0;padding:8px 9px!important;min-height:38px}.header .header-tools .nickname-header-button{max-width:90px;min-width:62px;gap:3px}.header .header-tools .nickname-header-button span{max-width:60px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.header .header-tools>button:last-child{min-width:38px;display:grid;place-items:center;padding:7px}.header .header-tools>span{display:none}}@media(max-width:380px){.header .header-tools .nickname-header-button{min-width:52px;max-width:75px}.header .header-tools .nickname-header-button span{max-width:42px}.header .header-tools .open-briefing{font-size:10px}}.map-inline-editor{position:absolute;z-index:95;box-sizing:border-box;max-width:calc(100% - 16px);min-width:0;background:#16171cf7;border:1px solid var(--object-accent,#bda373);border-radius:10px;box-shadow:0 9px 25px #000b,0 0 0 2px #0005;padding:5px;touch-action:pan-y;overscroll-behavior:contain}.map-inline-editor *{box-sizing:border-box}.map-inline-name-row{display:flex;align-items:center;gap:7px;min-width:0}.map-inline-color{display:block;flex:0 0 5px;width:5px;align-self:stretch;min-height:30px;border-radius:3px;background:var(--object-accent,#c6a87a)}.map-inline-name-row input,.map-inline-name-row textarea{min-width:0;flex:1;width:auto;min-height:35px;border:0!important;border-radius:5px;background:#ffffff0e!important;box-shadow:none!important;color:#f5ebda;font-size:14px;font-weight:850;line-height:1.4;letter-spacing:-.025em;padding:7px 9px;resize:vertical}.map-inline-name-row textarea{min-height:49px;max-height:90px}.map-inline-name-row input:focus,.map-inline-name-row textarea:focus{outline:1px solid #e6bb78!important;outline-offset:0}.map-inline-close{display:grid;place-items:center;flex:0 0 32px;min-height:34px;border:1px solid #766344;border-radius:6px;background:#423524;color:#f8dcb0;font-size:16px;font-weight:900;padding:4px}.map-inline-close:hover{background:#604c30}.map-inline-options{display:grid;gap:7px;border-top:1px solid #49453c;padding:8px 3px 3px;margin-top:6px}.map-inline-fontsize{display:flex;align-items:center;gap:8px;font-size:11px;color:#d8c7ab;min-width:0}.map-inline-fontsize>span{font-size:11px;white-space:nowrap}.map-inline-fontsize input[type=range]{flex:1;min-width:0;width:100%;accent-color:#d8ad72;min-height:24px;cursor:pointer;padding:0}.map-inline-fontsize b{min-width:39px;text-align:right;color:#f2d9a6;font:700 11px IBM Plex Mono,monospace}.map-inline-shapes{display:flex;align-items:center;gap:5px;min-width:0}.map-inline-shapes>span,.map-inline-squads>span{flex:0 0 40px;font-size:11px;color:#c8b79d;white-space:nowrap}.map-inline-shapes button{flex:1 1 0;min-height:34px;border-radius:6px;font-size:11px;background:#2a2b30;color:#cbcac4;border:1px solid #48484f;padding:5px;white-space:nowrap}.map-inline-shapes button.active{border-color:#d5b377;background:#433626;color:#f5d5a2;font-weight:850}.map-inline-squads{display:flex;align-items:center;gap:5px;min-width:0}.map-inline-squad-options{display:flex;gap:5px;flex:1;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#796447 transparent;padding:4px 0;touch-action:pan-x}.map-inline-squad-options button{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;min-height:34px;padding:5px 9px;border:1px solid #4f5057;border-radius:20px;background:#2a2b31;color:#cdc9c1;font-size:11px;white-space:nowrap}.map-inline-squad-options button i{width:8px;height:8px;border-radius:50%;background:var(--squad-color);flex-shrink:0}.map-inline-squad-options button.active{border-color:var(--squad-color);background:#38342d;color:#f5e6d0;font-weight:800}.map-inline-delete{display:flex;align-items:center;justify-content:center;gap:5px;margin:0 0 0 auto;border:0;background:transparent;color:#bd9691;padding:3px 4px;font-size:10px}.map-inline-delete:hover{color:#ffe0d9;background:#43302e}.map-inline-new{padding:6px}.map-inline-new .map-inline-name-row{gap:6px}.draw-object{cursor:grab;touch-action:none}.draw-object:active{cursor:grabbing}@media(max-width:760px){.map-inline-editor{max-width:calc(100% - 12px);padding:6px;border-radius:10px;box-shadow:0 6px 22px #000d}.map-inline-name-row input,.map-inline-name-row textarea{font-size:16px;min-height:40px}.map-inline-name-row textarea{min-height:55px}.map-inline-close{min-height:40px;flex-basis:38px}.map-inline-options{gap:9px}.map-inline-squad-options button,.map-inline-shapes button{min-height:40px;font-size:12px}.map-inline-fontsize input{min-height:32px}}.strategy-editor,.notes-panel,.sidecontent{min-width:0;max-width:100%;box-sizing:border-box}.strategy-editor{display:flex;flex-direction:column;gap:13px;width:100%}.strategy-editor-header{display:flex;gap:10px;align-items:flex-start;color:#ead7b9}.strategy-editor-header svg{flex:0 0 auto;margin-top:2px;color:#caa775}.strategy-editor-header h3{font:800 16px Pretendard Variable,Noto Sans KR,sans-serif;margin:0 0 5px}.strategy-editor-header p{color:#bfc1c4;line-height:1.7;font-size:12px;margin:0}.strategy-editor-input{display:block;box-sizing:border-box;flex:0 0 auto;width:100%!important;max-width:100%!important;min-width:0!important;min-height:clamp(380px,53vh,710px);padding:15px 17px;resize:vertical;line-height:1.85;font-size:14px;letter-spacing:-.02em;word-break:break-word;white-space:pre-wrap;border:1px solid #69605a;border-radius:9px;background:#202126;color:#f2ebdf}.strategy-editor-input:focus{border-color:#d6b17b;box-shadow:0 0 0 2px #9d7b3f35;outline:0}.strategy-auto-highlights{display:grid;gap:12px;background:#1b1c22;border:1px solid #555259;border-radius:10px;padding:14px;min-width:0}.strategy-auto-heading h4{display:flex;align-items:center;gap:7px;color:#f0d5a8;font-size:14px;margin:0 0 6px}.strategy-auto-heading p{font-size:11px;color:#adb0ba;margin:0;line-height:1.75}.strategy-squad-chips{display:flex;flex-wrap:wrap;gap:7px;max-width:100%}.strategy-squad-chips button{display:flex;gap:6px;align-items:center;border:1px solid #615c59;border-radius:8px;background:#28292f;padding:9px 10px;min-height:39px;color:#e5ded1;font-size:11px}.strategy-squad-chips button>i{width:9px;height:9px;border-radius:50%;background:var(--strategy-color);flex:0 0 auto}.strategy-squad-chips button>strong{font-size:11px;font-weight:850}.strategy-squad-chips button>span{color:#aaa9a8}.strategy-squad-chips button>svg{color:#d2b17a;margin-left:1px}.strategy-squad-chips button.active,.strategy-squad-chips button:hover{border-color:var(--strategy-color);background:#3b342a;box-shadow:inset 0 0 0 1px #cfa76d22}.strategy-sequence-header{display:flex;gap:10px;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid #3b3c44}.strategy-sequence-header h5{margin:0 0 5px;color:#e9d0a9;font-size:13px}.strategy-sequence-header small{font-size:10px;line-height:1.65;color:#aeb1b8}.strategy-play-all{display:flex;align-items:center;gap:5px;border-color:#b4915d;border-radius:7px;color:#f2d2a2;background:#433526;padding:9px;font-size:11px;white-space:nowrap;flex:0 0 auto}.strategy-play-all:disabled{opacity:.35}.strategy-sequence-list{display:flex;flex-direction:column;gap:7px;padding:0;margin:0;list-style:none;min-width:0}.strategy-sequence-item{display:flex;gap:6px;min-width:0;align-items:center;background:#27292d;border:1px solid #474951;border-radius:8px;padding:5px}.strategy-sequence-item-play{display:flex;align-items:center;gap:9px;min-width:0;flex:1;text-align:left;padding:7px;border:0;background:transparent}.strategy-sequence-item-play:hover{background:#343028}.strategy-sequence-item-play>svg{color:#d4b376;flex:0 0 auto}.sequence-number{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border:1px solid #e5c085;background:#3e3324;border-radius:6px;color:#ffe2a7;font-weight:900;font-size:15px}.sequence-item-desc{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.sequence-item-desc b{font-size:12px;color:#eae4d9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sequence-item-desc small{font-size:10px;color:#b9b7ba}.sequence-reorder{display:flex;gap:3px;align-items:center}.sequence-reorder button{display:grid;place-items:center;min-width:32px;min-height:34px;border:1px solid #50515a;background:#2d2f34;padding:5px}.sequence-reorder button:disabled{opacity:.25}.strategy-no-marks{font-size:11px;color:#a9adb2;line-height:1.75;margin:3px 0}.strategy-play-speed{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid #3a3b41;padding-top:12px}.strategy-play-speed label{display:flex;align-items:center;gap:7px;color:#dbcfbf;font-size:11px}.strategy-play-speed select{padding:8px;border-radius:6px;background:#292a2f;color:#f2d6a9;border-color:#77715e;font-size:11px}.strategy-play-speed>small{font-size:10px;color:#b5b2b0}.strategy-help{color:#979ca3;font-size:10px;line-height:1.7;margin:0}.notes-panel .strategy-editor-input{width:100%!important;max-width:100%!important}.notes-panel .squad-note-picker{max-width:100%;overflow-x:auto}@keyframes map-mark-glow{0%{opacity:0;filter:drop-shadow(0 0 0 transparent) brightness(1)}16%{opacity:.85;filter:drop-shadow(0 0 5px #ffe5a2) drop-shadow(0 0 11px #f7be65) brightness(1.45)}37%{opacity:1;filter:drop-shadow(0 0 11px #ffeebd) drop-shadow(0 0 24px #ffc46d) brightness(1.9)}61%{opacity:.92;filter:drop-shadow(0 0 14px #fff0bd) drop-shadow(0 0 26px #fbb963) brightness(1.7)}82%{opacity:.35;filter:drop-shadow(0 0 7px #e8ac5e) brightness(1.15)}to{opacity:0;filter:drop-shadow(0 0 0 transparent) brightness(1)}}.map-sequence-glow{opacity:0;pointer-events:none!important;will-change:opacity,filter;animation:map-mark-glow var(--sequence-duration,3.6s) ease-in-out var(--sequence-delay,0ms) both}.map-sequence-glow *{pointer-events:none!important}.map-sequence-glow .draw-object{cursor:default}.map-sequence-glow .draw-label,.map-sequence-glow .tactical-free-text{fill:#ffedc1;stroke:#1b1510}.map-sequence-number{fill:#ffe9ac;font-family:Pretendard Variable,Noto Sans KR,sans-serif;font-size:34px;font-weight:1000;paint-order:stroke;stroke:#17100b;stroke-width:7px;stroke-linejoin:round;filter:drop-shadow(0 0 4px #ffe1a4)}@media(max-width:760px){.strategy-editor{gap:12px}.strategy-editor-input{min-height:440px;font-size:16px;padding:13px;line-height:1.8}.strategy-auto-highlights{padding:11px}.strategy-sequence-header{flex-wrap:wrap}.strategy-play-all{min-height:40px}.strategy-squad-chips{gap:6px}.strategy-squad-chips button{min-height:42px}.strategy-sequence-item{gap:4px}.strategy-sequence-item-play{padding:6px}.sequence-reorder button{min-width:33px;min-height:40px}.map-sequence-number{font-size:40px}}@media(prefers-reduced-motion:reduce){.map-sequence-glow{animation-timing-function:linear}}.quick-entry .input-label{display:grid;gap:8px}.guild-other-entry{display:block;width:100%;min-height:40px;border:1px solid #4f5059;border-radius:7px;background:#202127;color:#c9ccd0;font-size:12px}.guild-other-entry:hover{background:#2d2e33;border-color:#be9a61}.guild-join-form{display:grid;gap:11px;margin:16px 0;padding:16px;border:1px solid #8d7551;border-radius:10px;background:linear-gradient(155deg,#28251f,#1b1d23)}.guild-join-form h3{font:850 16px Pretendard Variable,Noto Sans KR,sans-serif;color:#f5d9aa;margin:0}.guild-join-form p{font-size:12px;color:#c3c2c0;line-height:1.65;margin:0}.guild-join-form p b{color:#f3d8aa}.guild-join-controls{display:flex;align-items:stretch;gap:8px;min-width:0}.guild-join-controls input{min-width:0;flex:1;min-height:46px;font-size:15px;background:#17191f}.guild-join-controls button{flex:0 0 auto;min-width:105px;border:1px solid #d4b57e;border-radius:7px;background:#c7a572;color:#15191f;font-weight:850}.guild-join-controls button:disabled{opacity:.45}.guild-join-form .auth-error{border:1px solid #a96261;background:#392526;padding:8px 10px;color:#f6beba;font-size:12px}.guild-entry-settings{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px;margin:13px 0;padding:14px;background:#28271f;border:1px solid #a38a5c;border-radius:9px}.guild-entry-settings h4{width:100%;margin:0;color:#ecd2a4;font-size:14px}.guild-entry-settings p{flex:1;min-width:170px;font-size:11px;color:#c5bbab;margin:0;line-height:1.65}.guild-entry-settings label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:850;color:#f6d8a2;font-size:12px}.guild-entry-settings label input{width:20px;height:20px;accent-color:#b99561;cursor:pointer}.guild-entry-settings label input:disabled{opacity:.45;cursor:default}@media(max-width:600px){.guild-join-form{padding:13px}.guild-join-controls{flex-wrap:wrap}.guild-join-controls input,.guild-join-controls button{flex:1 1 100%;width:100%;min-height:45px}.guild-entry-settings{align-items:flex-start}}.login-maker-credit{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(202,170,119,.26);color:#c8bdab;font-family:Pretendard Variable,Noto Sans KR,system-ui,sans-serif;font-size:13px;letter-spacing:.015em;line-height:1.5}.login-maker-credit strong{color:#ebc68a;font-weight:850;font-size:15px;letter-spacing:-.02em}@media(max-width:480px){.login-maker-credit{margin-top:14px;padding-top:13px;font-size:12px}.login-maker-credit strong{font-size:14px}}.sortable-grip{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;min-width:34px;min-height:42px;padding:7px 5px;border:1px solid #61594b;border-radius:7px;background:#26282e;color:#d5bb8c;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.sortable-grip:active{cursor:grabbing;background:#56442a;color:#ffe7bd}.sortable-grip:focus-visible{outline:2px solid #edd19b;outline-offset:2px}.strategy-sequence-item{transition:border-color .16s,background .16s,opacity .16s;min-width:0}.strategy-sequence-item.sortable-dragging,.phase-row.sortable-dragging,.squad-edit.sortable-dragging{opacity:.45;border-style:dashed!important;border-color:#deb97f!important;background:#413525!important}.strategy-sequence-item.sortable-drop-target,.phase-row.sortable-drop-target,.squad-edit.sortable-drop-target{border:2px solid #ffdf9d!important;background:#51402b!important;box-shadow:0 0 0 2px #d6a25744,inset 0 0 13px #e3b56c25}.sidebar-sort-grip{flex:0 0 23px;min-width:23px;min-height:34px;padding:6px 3px;border:0;background:transparent;color:#b59a71}.sidebar-sort-grip:hover,.sidebar-sort-grip:active{background:#443824}.strategy-sort-grip{margin-left:3px}.strategy-sequence-item-play{min-width:0}.readable-map-label{paint-order:stroke;cursor:grab}.readable-map-label .map-label-text{font-family:Pretendard Variable,Noto Sans KR,sans-serif;letter-spacing:-.025em;pointer-events:visiblePainted}.readable-map-label rect,.readable-map-label ellipse{filter:drop-shadow(0 2px 5px #0008)}.map-label-leader{pointer-events:none;stroke-linecap:round;filter:drop-shadow(0 1px 2px #000a)}@media(max-width:760px){.sortable-grip{flex-basis:42px;min-width:42px;min-height:46px}.sidebar-sort-grip{flex:0 0 29px;min-width:29px;min-height:40px}.strategy-sequence-item .sequence-reorder button{min-width:35px;min-height:42px}.readable-map-label .map-label-text{font-weight:900}}.floating-required-dropzone{position:fixed;right:12px;z-index:6200;width:clamp(190px,22vw,264px);max-width:calc(100vw - 24px);max-height:min(75dvh,720px);display:flex;flex-direction:column;gap:8px;padding:11px;border:2px solid #d1ad72;border-radius:12px;background:#17181dfc;box-shadow:0 13px 46px #000e,0 0 19px #bd955b4d;color:#ece6db;pointer-events:auto;animation:required-appear .15s ease-out both}@keyframes required-appear{0%{opacity:.6;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.floating-required-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.floating-required-head>div{display:grid;gap:3px;min-width:0}.floating-required-head strong{font-size:14px;color:#efd1a1}.floating-required-head small{font-size:10px;color:#aca9ad}.floating-required-head>span{font-size:10px;white-space:nowrap;color:#b9e4ac}.floating-required-slots{display:flex;flex-direction:column;gap:6px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ac8a56 #25262b;min-height:0;touch-action:pan-y}.floating-required-slot{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:0;min-height:47px;padding:7px;border:1px dashed #816b4b;border-radius:7px;background:#26282d;transition:background .12s,border-color .12s,box-shadow .12s}.floating-required-slot>b{display:grid;place-items:center;width:25px;height:26px;flex:0 0 25px;border-radius:5px;background:#473923;color:#f1d4a0;font-size:13px}.floating-required-slot img{width:28px;height:28px;object-fit:cover;border-radius:5px}.floating-required-slot>span{font-weight:700;font-size:11px;color:#e4ddcf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floating-required-slot.skill-slot-drop-target,.floating-required-slot:hover{background:#50432d;border:2px solid #f8cf8c;box-shadow:0 0 17px #e1ad6555}.floating-required-dropzone>p{margin:0;font-size:10px;color:#bfbbb3;line-height:1.5}.floating-required-dropzone>p b{color:#f0cc90}.floating-required-empty{padding:12px 7px;color:#c7b49a;font-size:11px;line-height:1.7}@media(max-width:760px){.floating-required-dropzone{width:min(56vw,245px);min-width:175px;right:6px;max-height:69dvh;padding:8px;gap:6px}.floating-required-slot{min-height:48px;gap:5px;padding:6px}.floating-required-slot>b{width:24px;flex-basis:24px}.floating-required-slot>span{font-size:11px}.floating-required-head strong{font-size:13px}.floating-required-head>span{font-size:9px}.floating-required-dropzone>p{font-size:9px}}.map-sequence-play,.map-order-visibility{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 11px!important;flex:0 0 auto;border:1px solid #997b51!important;border-radius:7px;background:#382e21!important;color:#f5d9a8!important;font-size:11px;font-weight:850;white-space:nowrap}.map-sequence-play:hover:not(:disabled){background:#5b472b!important;border-color:#e0bb7b!important}.map-sequence-play:disabled{opacity:.35;cursor:default}.map-order-visibility{border-color:#5f6269!important;background:#282a31!important;color:#c8c8cb!important}.map-order-visibility.enabled{border-color:#b9955d!important;background:#423723!important;color:#ffdc9c!important}.map-static-order-number,.map-static-order-number *{pointer-events:none!important;-webkit-user-select:none;user-select:none}.map-static-order-number text{font-family:Pretendard Variable,Noto Sans KR,sans-serif;paint-order:stroke;stroke:#131418;stroke-width:.4px;filter:drop-shadow(0 1px 3px #000c)}.map-static-order-number rect{filter:drop-shadow(0 2px 4px #000c)}@media(max-width:760px){.map-controls .map-sequence-play,.map-controls .map-order-visibility{min-height:41px;padding:7px 9px!important;font-size:11px}}.permission-member-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end;width:100%;flex-wrap:wrap;margin-top:9px;padding-top:10px;border-top:1px solid #49484b}.permission-member-actions button{display:inline-flex;gap:6px;align-items:center;justify-content:center;min-height:37px;border-radius:7px;padding:7px 11px;font-size:11px;font-weight:760;white-space:nowrap;cursor:pointer}.permission-kick-button{background:#343037!important;border:1px solid #85746a!important;color:#efcfbc!important}.permission-kick-button:hover:not(:disabled){background:#57423b!important;border-color:#cf9d83!important}.permission-ban-button{background:#3c2528!important;border:1px solid #a76b69!important;color:#f1c2bf!important}.permission-ban-button:hover:not(:disabled){background:#643338!important;border-color:#e3a6a0!important}.permission-member-actions button:disabled{opacity:.5;cursor:default}.blocked-room-members{display:grid;gap:11px;margin:17px 0 12px;padding:14px;border:1px solid #796252;border-radius:9px;background:#211e22}.blocked-room-header{display:flex;justify-content:space-between;gap:10px;align-items:center}.blocked-room-header h4{display:flex;gap:7px;align-items:center;font-size:13px;color:#eec9bb;margin:0 0 6px}.blocked-room-header h4 span{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;padding:0 5px;border-radius:11px;background:#453237;color:#ffd8d1;font-size:11px}.blocked-room-header p,.blocked-empty{margin:0;font-size:11px;color:#b8aeb0;line-height:1.65}.blocked-room-header .permission-refresh{flex:0 0 auto;margin:0;font-size:10px}.blocked-room-list{display:grid;gap:7px}.blocked-room-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid #51494c;border-radius:7px;background:#2c292d}.blocked-room-row>div{min-width:0;display:grid;gap:3px}.blocked-room-row strong{font-size:12px;color:#f1dfd5;overflow-wrap:anywhere}.blocked-room-row small{color:#b6aeb2;font-size:10px}.blocked-room-row button{flex:0 0 auto;min-height:34px;border:1px solid #9e826b;background:#403426;color:#f0d5b5;padding:7px 10px;border-radius:6px;font-size:11px;font-weight:800}.blocked-room-row button:hover:not(:disabled){background:#5d492f}.blocked-room-row button:disabled{opacity:.5}@media(max-width:760px){.permission-member-actions{justify-content:stretch}.permission-member-actions button{flex:1 1 120px;min-height:43px;font-size:12px}.blocked-room-members{padding:11px}.blocked-room-row{flex-wrap:wrap}.blocked-room-row button{min-height:40px}.blocked-room-header{align-items:flex-start}.blocked-room-header .permission-refresh{min-height:36px}}