.cc-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 0 24px}.cc-heading h1{font-size:42px;margin:7px 0;letter-spacing:-1.5px}.cc-heading h1 em{font-style:normal;color:#ffb951}.cc-heading p:last-child{color:#8fa3bc;font-size:14px;margin:0}.cc-emblem{width:90px;display:grid;place-items:center;color:#ffbf66;gap:8px}.cc-emblem>span{display:grid;place-items:center;width:56px;height:56px;border:3px solid;border-radius:50%;font-size:36px;font-weight:900;box-shadow:0 0 30px #ffa32b12;outline:1px solid #ffba5033;outline-offset:5px}.cc-emblem small{font-size:7px;letter-spacing:1.6px}.cc-rooms{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.cc-rooms>a{display:flex;align-items:center;gap:15px;padding:15px 18px;border:1px solid #2d3d52;border-radius:12px;background:linear-gradient(120deg,#172437,#101a29);color:#a9b9cd;text-decoration:none}.cc-rooms>a.active{background:linear-gradient(120deg,#46342099,#1e2635);border-color:#e8aa50;color:#ffbf66;box-shadow:inset 0 -2px #ffb751}.cc-room-number{font-size:25px;font-weight:800;opacity:.6}.cc-rooms b{font-size:15px}.cc-rooms small{display:block;font-size:11px;color:#8fa3bc;margin-top:3px}.cc-room-arrow{margin-left:auto}.cc-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);gap:22px;align-items:start}.cc-directory{min-width:0}.cc-directory-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:15px}.cc-directory-top h2{font-size:17px;margin:0}.cc-directory-top h2 small{font-size:11px;color:#8fa3bc;margin-left:7px}.cc-directory-top input{width:195px;max-width:60%;background:#0e1826;border:1px solid #304159;border-radius:8px;color:#e3ebf7;padding:9px 12px;font:inherit;font-size:12px}.cc-task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cc-task{display:flex;align-items:center;gap:10px;padding:10px 11px;min-height:67px;border:1px solid #26394e;border-radius:9px;background:#142133aa;color:#dce5f2;text-decoration:none;transition:border-color .15s,background .15s}.cc-task:hover{background:#1b2c41;border-color:#708398}.cc-task.active{border-color:#d79943;background:linear-gradient(110deg,#58401f66,#172434);box-shadow:inset 3px 0 #ffb951}.cc-task img{width:40px;height:44px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.cc-task b{font-size:12px;display:block;line-height:1.25}.cc-task small{font-size:10px;color:#8fa3bc;display:block;margin-top:4px}.cc-task-arrow{margin-left:auto;color:#a18c70}.cc-task[hidden]{display:none}.cc-room-note{font-size:11px;color:#7890aa;margin:14px 0}.cc-detail{border:1px solid #34445b;border-radius:15px;background:linear-gradient(140deg,#1b2b40,#101925 75%);overflow:hidden;position:sticky;top:90px}.cc-target-heading{padding:24px;display:flex;gap:18px;align-items:center}.cc-target-art{width:72px;height:72px;border-radius:14px;background:radial-gradient(ellipse,#eaa64c17,transparent 70%);display:grid;place-items:center;border:1px solid #c2965344;flex-shrink:0}.cc-target-art img{width:62px;height:62px;object-fit:contain;image-rendering:pixelated}.cc-target-heading .eyebrow{font-size:9px;margin:0 0 8px;letter-spacing:1.8px}.cc-target-heading h2{font-size:24px;margin:0 0 6px;line-height:1.15}.cc-monster-link{font:inherit;color:#98abc4;font-size:11px;background:none;border:0;padding:0;cursor:pointer}.cc-monster-link:hover{color:#ffbd66}.cc-tabs{display:flex;padding:0 24px;border-bottom:1px solid #34445b;gap:23px}.cc-tabs a{color:#8fa3bc;font-size:12px;padding:12px 0;text-decoration:none;border-bottom:2px solid transparent}.cc-tabs a.active{color:#ffc06c;border-color:#ffb951}.cc-tabs a>span{font-size:7px;padding:3px 5px;border:1px solid #54647a;border-radius:4px;margin-left:4px}.cc-stages{display:grid;gap:10px;padding:20px 24px 12px}.cc-stage{background:#0b152260;border:1px solid #304159;border-radius:10px;overflow:hidden}.cc-stage-label{display:flex;gap:8px;align-items:center;padding:9px 13px;background:#ffffff03}.cc-stage-label>span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#f5b55419;color:#ffbe68;font-size:11px}.cc-stage-label h3{font-size:12px;margin:0;color:#c8d6e9}.cc-stage-label>b,.cc-stage-label>small{margin-left:auto;color:#ffbd63;font-size:14px}.cc-stage-label b small{font-size:8px;letter-spacing:.7px}.cc-stage-label>small{font-size:8px;color:#7e93ae;letter-spacing:1px}.cc-stage-values{display:grid;grid-template-columns:1fr 25px 1.2fr;align-items:center;padding:10px 14px 13px}.cc-stage-values small{display:block;font-size:8px;letter-spacing:1px;color:#8fa3bc;margin-bottom:4px}.cc-stage-values strong{font-size:22px;line-height:1.2;font-variant-numeric:tabular-nums}.cc-stage-values>div:last-child strong{color:#9fd9d0}.cc-reward-arrow{color:#55718b}.cc-stage-values strong.cc-unknown{font-size:14px;color:#93a4bc}.cc-detail-bottom{display:flex;gap:10px;padding:13px 24px 20px;color:#7e94af;align-items:center}.cc-detail-bottom>span{color:#ffb951}.cc-detail-bottom p{font-size:11px;line-height:1.6;margin:0}.cc-alternatives{margin:4px 24px 0;border-top:1px solid #334258;padding-top:12px;font-size:11px;color:#95abc3}.cc-alternatives summary{cursor:pointer}.cc-alternatives summary span{float:right}.cc-alternatives p{font-size:11px;line-height:1.5}.cc-table-wrap{overflow:auto}.cc-table-wrap table{width:100%;font-size:11px}.cc-table-wrap th,.cc-table-wrap td{padding:8px 5px;white-space:nowrap}.cc-boss-placeholder{text-align:center;padding:45px 20px 55px}.cc-location-symbol{font-size:64px;color:#d6a35d}.cc-boss-placeholder h3{font-size:24px;margin:9px}.cc-boss-placeholder p:not(.eyebrow){font-size:12px;color:#94a6be}.cc-boss-placeholder a{font-size:12px;color:#ffbd66;display:inline-block;margin-top:20px}.cc-home-link{display:flex;align-items:center;gap:18px;margin-top:16px;padding:18px 24px;border:1px solid #aa804c66;border-radius:12px;background:linear-gradient(110deg,#49371c44,#152338);text-decoration:none;color:#edf3ff}.cc-home-link>span:first-child{color:#ffbc60;font-size:28px}.cc-home-link b{font-size:16px}.cc-home-link small{display:block;color:#9aacbf;font-size:12px;margin-top:4px}.cc-home-link>span:last-child{margin-left:auto;color:#ffbc60}.cc-no-results{color:#9aacbf;font-size:13px;padding:20px 0}@media(min-width:1400px){.cc-task{min-height:70px}.cc-workspace{grid-template-columns:1.1fr 1fr}}@media(max-width:900px){.cc-workspace{grid-template-columns:1fr}.cc-detail{position:static}.cc-directory{order:1}.cc-rooms{gap:6px}.cc-rooms>a{padding:12px 10px;gap:8px}.cc-room-arrow{display:none}.cc-heading h1{font-size:34px}}@media(max-width:500px){.cc-rooms{grid-template-columns:repeat(2,1fr)}.cc-heading p:last-child{font-size:12px;max-width:240px}.cc-emblem{width:65px}.cc-target-heading{padding:20px}.cc-stages{padding:16px}.cc-alternatives{margin-inline:16px}.cc-task{gap:7px;padding:8px}.cc-task img{width:32px;height:38px}.cc-task b{font-size:11px}.cc-task-arrow{display:none}.cc-target-heading h2{font-size:22px}.cc-tabs{padding-inline:16px;gap:18px}}
/* Viewport workspace: room picker stays visible while either pane scrolls. */
.cc-page #app{margin-bottom:0;min-height:0}.cc-page footer{height:54px;padding:14px 28px;margin:0;box-sizing:border-box}.cc-shell{height:calc(100dvh - 66px);min-height:300px;position:sticky;top:0;display:flex;flex-direction:column;gap:12px;padding-top:12px;padding-bottom:12px}.cc-shell .cc-rooms{flex:none;height:auto;margin:0;gap:10px;padding-bottom:10px;border-bottom:1px solid #304159;background:#0e1623}.cc-shell .cc-rooms>a{padding:9px 16px;gap:13px}.cc-room-monster{width:46px;height:48px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.cc-shell .cc-workspace{flex:1;min-height:0;grid-template-columns:minmax(250px,.85fr) minmax(0,1.15fr);align-items:stretch;gap:16px}.cc-shell .cc-directory{order:0;display:flex;flex-direction:column;min-height:0;overflow:hidden;border:1px solid #2c3c52;border-radius:12px;background:#101b2a;padding:14px}.cc-shell .cc-directory-top{flex:none;margin-bottom:12px}.cc-shell .cc-task-grid{overflow:auto;min-height:0;align-content:start;padding-right:5px;overscroll-behavior:contain;flex:1}.cc-shell .cc-room-note{flex:none;margin:10px 0 0;font-size:10px}.cc-shell .cc-detail{position:static;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.cc-shell .cc-task{min-height:62px;padding:8px}.cc-shell .cc-task img{height:38px;width:36px}.cc-shell .cc-target-heading{padding:20px 24px}.cc-shell .cc-detail,.cc-shell .cc-task-grid,.cc-shell .cc-rooms{scrollbar-width:thin;scrollbar-color:#85633e #101927}.cc-shell ::-webkit-scrollbar{width:7px;height:5px}.cc-shell ::-webkit-scrollbar-track{background:#101927;border-radius:8px}.cc-shell ::-webkit-scrollbar-thumb{background:#85633e;border:2px solid #101927;border-radius:8px}.cc-shell a:focus-visible{outline:2px solid #ffc16a;outline-offset:-3px}
@media(max-width:1100px){.cc-shell .cc-workspace{grid-template-columns:260px minmax(0,1fr)}.cc-shell .cc-task-grid{grid-template-columns:1fr}.cc-shell .cc-directory-top{flex-wrap:wrap;gap:8px}.cc-shell .cc-directory-top input{max-width:100%;width:100%}.cc-shell .cc-task{min-height:58px}.cc-shell .cc-rooms b{font-size:13px}}
@media(max-width:650px){.cc-shell{height:calc(100dvh - 58px);padding-top:8px;gap:8px}.cc-page footer{height:50px;font-size:10px}.cc-shell .cc-rooms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding-bottom:7px}.cc-shell .cc-rooms>a{padding:6px 3px;gap:3px;flex-direction:column;text-align:center;border-radius:8px}.cc-room-monster{width:33px;height:34px}.cc-shell .cc-rooms b{font-size:11px}.cc-shell .cc-rooms small{font-size:9px;margin:0}.cc-shell .cc-workspace{grid-template-columns:110px minmax(0,1fr);gap:7px}.cc-shell .cc-directory{padding:6px;border-radius:8px}.cc-shell .cc-directory-top h2{font-size:12px}.cc-shell .cc-directory-top h2 small{margin-left:2px}.cc-shell .cc-directory-top input{padding:6px 4px;font-size:10px;min-width:0}.cc-shell .cc-task{flex-direction:column;gap:3px;text-align:center;padding:6px 3px}.cc-shell .cc-task b{font-size:10px}.cc-shell .cc-task small{font-size:8px;margin-top:2px}.cc-shell .cc-task img{width:32px;height:32px}.cc-shell .cc-task-arrow,.cc-shell .cc-room-note{display:none}.cc-shell .cc-task-grid{padding-right:3px;gap:5px}.cc-shell .cc-target-heading{padding:12px;gap:8px;flex-wrap:wrap}.cc-shell .cc-target-art{width:48px;height:48px}.cc-shell .cc-target-art img{width:42px;height:42px}.cc-shell .cc-target-heading h2{font-size:19px}.cc-shell .cc-target-heading .eyebrow{font-size:8px;letter-spacing:1px}.cc-shell .cc-tabs{padding:0 10px;gap:10px;flex-wrap:wrap;height:auto}.cc-shell .cc-tabs a{font-size:10px}.cc-shell .cc-tabs a>span{display:none}.cc-shell .cc-stages{padding:10px;gap:8px}.cc-shell .cc-stage-label{padding:7px;gap:4px;flex-wrap:wrap}.cc-shell .cc-stage-label h3{font-size:10px;letter-spacing:0}.cc-shell .cc-stage-label>b{font-size:12px}.cc-shell .cc-stage-label b small{font-size:7px}.cc-shell .cc-stage-values{padding:8px;grid-template-columns:1fr;gap:8px}.cc-shell .cc-stage-values strong{font-size:19px}.cc-shell .cc-reward-arrow{display:none}.cc-shell .cc-alternatives{margin:4px 10px 0}.cc-shell .cc-detail-bottom{padding:10px}.cc-shell .cc-boss-placeholder{padding:20px 10px}.cc-shell .cc-boss-placeholder h3{font-size:19px}}
.cc-shell .cc-tabs{height:auto}.cc-stage-label>.cc-outdated{margin:0 0 0 3px;color:#98a5b6;font-size:9px;font-weight:400;letter-spacing:0;text-transform:none}.cc-shell .cc-stage-label>.cc-outdated{font-size:9px}