html,body,#root{min-height:100%;min-width:0}*,*:before,*:after{box-sizing:border-box}:root{--metric-card-bg: linear-gradient(145deg, rgba(24, 37, 33, .96), rgba(15, 24, 21, .96));--metric-icon-color: #66d19e}:root[data-theme=dark]{--metric-card-bg: linear-gradient(145deg, rgba(24, 37, 33, .96), rgba(15, 24, 21, .96));--metric-icon-color: #66d19e}:root[data-theme=light]{--metric-card-bg: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(238, 245, 242, .98));--metric-icon-color: #31966b}body{margin:0;color-scheme:light dark;overflow-x:hidden}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.metric-card{padding:16px;background:var(--metric-card-bg)}.metric-icon{color:var(--metric-icon-color);display:flex;margin-bottom:8px}.party-builder-shell{display:grid;grid-template-columns:minmax(240px,300px) minmax(420px,1fr) minmax(220px,280px);gap:16px;height:calc(100dvh - 168px);min-height:0}.party-builder-panel,.party-builder-canvas-panel{padding:16px;min-height:0}.party-builder-roster,.party-builder-summary{align-self:stretch;overflow:hidden}.party-builder-roster,.party-builder-canvas-panel{display:flex;flex-direction:column}.party-builder-summary{overflow-y:auto}.party-player-list,.party-saved-canvas-list{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;padding-right:4px}.party-canvas-toolbar-main{align-items:center}.party-canvas-name-field{min-width:220px}.party-player-card{padding:10px;cursor:grab;-webkit-user-select:none;user-select:none;transition:opacity .16s ease,transform .16s ease,border-color .16s ease}.party-player-card:active{cursor:grabbing}.party-player-card.is-readonly,.party-member-row.is-readonly,.party-group-node.is-readonly .party-group-header,.party-player-card.is-readonly:active,.party-member-row.is-readonly:active{cursor:default}.party-player-card.is-used{opacity:.52;border-style:dashed}.party-canvas-viewport{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;border:1px solid rgba(151,190,171,.18);border-radius:8px;cursor:grab;touch-action:none;background-color:#0409082e}.party-canvas-viewport:active{cursor:grabbing}.party-canvas-grid{position:absolute;top:0;right:0;bottom:0;left:0;width:1600px;height:1000px;transform-origin:0 0;background-image:linear-gradient(rgba(151,190,171,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(151,190,171,.08) 1px,transparent 1px);background-size:32px 32px}.party-canvas-empty{position:absolute;left:80px;top:80px;padding:14px 16px;border:1px dashed rgba(151,190,171,.35);border-radius:8px;color:var(--metric-icon-color);font-weight:700;pointer-events:none}.party-group-node{position:absolute;width:280px;padding:12px;border-radius:8px}.party-group-header{cursor:move;-webkit-user-select:none;user-select:none}.party-member-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:48px;padding:8px;border:1px solid;border-radius:8px;cursor:grab;background:#ffffff08}.party-member-row:active{cursor:grabbing}.party-empty-slot{display:grid;place-items:center;min-height:42px;border:1px dashed rgba(151,190,171,.24);border-radius:8px;color:#97beab9e;font-size:.78rem;font-weight:700}.party-summary-group{padding:10px}.party-saved-canvas{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;border-radius:8px}.party-saved-canvas.is-active{border-color:#66d19eb8}.party-role-heal{border-color:#63d297bd}.party-role-tank{border-color:#70b7ffbd}.party-role-dd{border-color:#ff7878bd}.MuiBox-root,.MuiStack-root,.MuiPaper-root{min-width:0;max-width:100%}.MuiPaper-root:has(.MuiTable-root),.MuiPaper-root>.MuiTable-root,.MuiBox-root:has(>.MuiTable-root){overflow-x:auto;-webkit-overflow-scrolling:touch}.MuiTable-root{width:max-content;min-width:100%}.MuiTableCell-root,.MuiTypography-root,.MuiChip-label{overflow-wrap:anywhere}.MuiChip-root,.MuiOutlinedInput-root{max-width:100%}@media (max-width: 599.95px){.party-builder-shell{grid-template-columns:1fr;height:auto;min-height:0}.party-player-list,.party-saved-canvas-list{max-height:min(340px,42dvh)}.party-canvas-toolbar-main{align-items:stretch}.party-canvas-name-field{min-width:0}.party-canvas-viewport{flex:none;height:min(520px,64dvh);min-height:360px}.party-group-node{width:248px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{padding:12px}.MuiPaper-root{border-radius:8px}.MuiTable-root{min-width:720px}.MuiTableCell-root{padding:10px 12px;white-space:nowrap}.MuiButton-root{min-height:40px}.MuiStack-root{min-width:0;flex-wrap:wrap;row-gap:8px}.MuiTextField-root,.MuiFormControl-root{max-width:100%}}@media (max-width: 380px){.metric-grid{grid-template-columns:1fr}}