@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;900&family=JetBrains+Mono:wght@500;700&family=Nanum+Myeongjo:wght@400;700;800&display=swap";
.vg-empty-hint{color:var(--color-text-muted);margin-top:8px;font-size:13px}.vs-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.vs-slot{text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);min-height:200px;box-shadow:var(--shadow-card);cursor:pointer;color:inherit;transition:box-shadow var(--t-slow), border-color var(--t-slow), transform var(--t-slow);flex-direction:column;align-items:stretch;gap:10px;padding:14px;font-family:inherit;display:flex;position:relative}.vs-slot:hover:not(:disabled){box-shadow:var(--shadow-card-hover);border-color:var(--color-border-hover);transform:translateY(-2px)}.vs-slot:disabled{cursor:default}.vs-slot.is-self{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-tinted-bg), var(--shadow-card)}.vs-slot.is-empty .vs-slot-body{opacity:.72}.vs-slot-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.vs-slot-name{color:var(--color-text);letter-spacing:-.1px;align-items:baseline;gap:6px;font-size:14px;font-weight:700;display:inline-flex}.vs-slot-num{color:var(--color-text-faint);font-size:11px;font-weight:600;font-family:var(--font-mono)}.vs-self-badge{border-radius:var(--radius-pill);background:var(--color-accent);color:#fff;letter-spacing:.1px;margin-left:4px;padding:0 6px;font-size:10px;font-weight:700}.vs-pill{border-radius:var(--radius-pill);letter-spacing:.1px;white-space:nowrap;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.vs-pill-empty{background:var(--color-surface-alt);color:var(--color-text-muted)}.vs-pill-draft{color:#8a5a00;background:#fef3c7}.vs-pill-review{background:var(--color-warning-tinted-bg);color:var(--color-warning)}.vs-pill-submitted{background:var(--color-status-reviewed-bg);color:var(--color-status-reviewed-text)}.vs-pill-returned{background:var(--color-status-returned-bg);color:var(--color-status-returned-text)}.vs-slot-body{flex-direction:column;flex:1;gap:8px;display:flex}.vs-slot-body-empty{text-align:center;justify-content:center;align-items:center;padding:16px 4px}.vs-slot-empty-icon{opacity:.6;font-size:28px}.vs-slot-empty-hint{color:var(--color-text-muted);margin:0;font-size:12px}.vs-slot-thumb{aspect-ratio:4/3;object-fit:cover;background:var(--color-surface-alt);border-radius:8px;width:100%}.vs-slot-thumb-fallback{background:#fff}.vs-slot-title{color:var(--color-text);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;font-weight:600;display:-webkit-box;overflow:hidden}.vs-slot-note{color:var(--color-danger);background:var(--color-status-returned-bg);border-radius:6px;margin:0;padding:6px 10px;font-size:12px;line-height:1.4}.vs-slot-cta{border-radius:var(--radius-pill);background:var(--color-accent-tinted-bg);color:var(--color-accent-tinted-text);align-self:flex-start;padding:4px 10px;font-size:12px;font-weight:700}.vs-backdrop{z-index:60;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.vs-studio{background:var(--color-surface);border-radius:var(--radius-card);width:min(96vw,1100px);height:min(92vh,760px);box-shadow:var(--shadow-card-hover);flex-direction:column;display:flex;overflow:hidden}.vs-studio-head{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.vs-studio-head-left{flex:1;align-items:baseline;gap:10px;min-width:0;display:flex}.vs-studio-title,.vs-studio-title-input{font-family:var(--font-display);letter-spacing:-.2px;color:var(--color-text);background:0 0;border:1px solid #0000;border-radius:6px;max-width:100%;margin:0;padding:2px 6px;font-size:18px;font-weight:700}.vs-studio-title-input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #0075de26}.vs-studio-author{color:var(--color-text-muted);font-size:12px}.vs-studio-close{width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;font-size:22px}.vs-studio-close:hover{background:var(--color-surface-alt);color:var(--color-text)}.vs-studio-body{flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}.vs-studio-editor{border-right:1px solid var(--color-border);flex-direction:column;min-width:0;display:flex}.vs-studio-tabs{border-bottom:1px solid var(--color-border);background:#faf9f7;gap:4px;padding:8px 10px;display:flex}.vs-studio-tab{font-family:var(--font-mono);color:var(--color-text-muted);cursor:pointer;transition:background var(--t-normal), color var(--t-normal);background:0 0;border:none;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600}.vs-studio-tab:hover{background:var(--color-surface-alt);color:var(--color-text)}.vs-studio-tab.is-active{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.vs-studio-textarea{resize:none;font-family:var(--font-mono);color:var(--color-text);background:var(--color-surface);border:none;outline:none;flex:1;padding:12px 14px;font-size:13px;line-height:1.5}.vs-studio-textarea:focus{background:#fff}.vs-studio-preview{background:#f0ede9;flex-direction:column;min-width:0;display:flex}.vs-studio-preview-label{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-text-muted);text-transform:uppercase;border-bottom:1px solid var(--color-border);background:#faf9f7;padding:8px 14px;font-size:11px;font-weight:700}.vs-studio-iframe{background:#fff;border:none;flex:1;width:100%}.vs-studio-foot{border-top:1px solid var(--color-border);background:#faf9f7;align-items:center;gap:10px;padding:10px 18px;display:flex}.vs-studio-err{color:var(--color-danger);flex:1;font-size:12px}.vs-studio-tag{color:var(--color-text-muted);align-items:center;gap:6px;margin-left:auto;font-size:12px;display:inline-flex}.vs-studio-tag select{font:inherit;border:1px solid var(--color-border);border-radius:var(--radius-btn);background:var(--color-surface);padding:4px 8px;font-size:12px}.vs-studio-save{border-radius:var(--radius-btn);background:var(--color-accent);color:#fff;cursor:pointer;transition:background var(--t-normal);border:none;padding:8px 18px;font-size:13px;font-weight:600}.vs-studio-save:hover:not(:disabled){background:var(--color-accent-active)}.vs-studio-save:disabled{opacity:.5;cursor:not-allowed}.vs-studio-teacher-hint{color:var(--color-text-muted);margin-left:auto;font-size:12px}.vs-chat{flex-direction:column;flex:1;min-height:0;display:flex}.vs-chat-log{flex-direction:column;flex:1;gap:10px;padding:14px;display:flex;overflow:auto}.vs-chat-hint{text-align:center;max-width:320px;color:var(--color-text-muted);margin:auto;font-size:13px;line-height:1.5}.vs-chat-msg{white-space:pre-wrap;word-break:break-word;border-radius:10px;max-width:85%;padding:8px 12px;font-size:13px;line-height:1.5}.vs-chat-msg-user{background:var(--color-accent);color:#fff;align-self:flex-end}.vs-chat-msg-assistant{background:var(--color-surface-alt);color:var(--color-text);align-self:flex-start}.vs-chat-msg.is-streaming:after{content:"▎";margin-left:2px;animation:1s steps(2,end) infinite vs-blink}@keyframes vs-blink{50%{opacity:.2}}.vs-chat-form{border-top:1px solid var(--color-border);background:var(--color-surface);gap:8px;padding:10px 14px;display:flex}.vs-chat-input{resize:none;border:1px solid var(--color-border);font-family:var(--font-body);transition:border-color var(--t-normal);border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:13px;line-height:1.4}.vs-chat-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #0075de26}.vs-chat-send{background:var(--color-accent);color:#fff;cursor:pointer;transition:background var(--t-normal);border:none;border-radius:8px;padding:0 14px;font-size:13px;font-weight:600}.vs-chat-send:hover:not(:disabled){background:var(--color-accent-active)}.vs-chat-send:disabled{opacity:.45;cursor:not-allowed}@media (max-width:820px){.vs-studio-body{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.vs-studio-editor{border-right:none;border-bottom:1px solid var(--color-border)}}
.vp-modal{background:var(--color-vibe-sandbox-bg,#1a1a1a);border-radius:var(--radius-card);width:min(96vw,960px);height:min(88vh,640px);box-shadow:var(--shadow-card-hover);flex-direction:column;display:flex;overflow:hidden}.vp-head{color:#fff;background:#111;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.vp-title{letter-spacing:-.1px;margin:0;font-size:14px;font-weight:600}.vp-head .vs-studio-close{color:#fff;background:0 0}.vp-head .vs-studio-close:hover{color:#fff;background:#ffffff1a}.vp-body{background:#000;flex:1;justify-content:stretch;align-items:stretch;min-height:0;display:flex}.vp-iframe{background:#000;border:none;width:100%;height:100%}.vp-err{text-align:center;color:#ffb0b0;max-width:340px;margin:auto;padding:16px;font-size:13px}.vp-loading{color:#fff9;margin:auto;font-size:13px}.vg-card-btn{text-align:left;width:100%;font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;flex-direction:column;gap:8px;display:flex}.vg-card-btn:disabled{cursor:default}.va-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.va-header-actions{flex-shrink:0;gap:8px;display:flex}.va-header-btn{background:var(--color-surface);border:var(--border-card);border-radius:var(--radius-btn);color:var(--color-text);cursor:pointer;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,border-color .15s}.va-header-btn:hover{background:var(--color-surface-alt);border-color:var(--color-accent)}.va-mod-modal,.va-settings-modal{background:var(--color-surface);border-radius:var(--radius-card);z-index:101;flex-direction:column;width:min(720px,100vw - 32px);max-height:calc(100vh - 64px);display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 20px 60px #00000040}.va-settings-modal{width:min(560px,100vw - 32px)}.va-mod-modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.va-mod-modal-title{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:18px;font-weight:700}.va-mod-tabs{border-bottom:1px solid var(--color-border);gap:4px;padding:12px 18px 0;display:flex;overflow-x:auto}.va-mod-tab{color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;display:inline-flex}.va-mod-tab:hover{color:var(--color-text)}.va-mod-tab.is-active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.va-mod-tab-count{background:var(--color-accent);color:#fff;text-align:center;border-radius:999px;min-width:18px;padding:1px 7px;font-size:11px}.va-mod-body,.va-settings-body{flex:1;padding:18px 22px;overflow-y:auto}.va-mod-loading,.va-mod-empty{text-align:center;color:var(--color-text-muted);padding:32px 0}.va-mod-error{border-left:3px solid var(--color-danger,#dc3545);color:var(--color-danger,#dc3545);border-radius:var(--radius-btn);background:#dc354514;padding:12px 14px;font-size:13px}.va-mod-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.va-mod-item{background:var(--color-surface-alt);border-radius:var(--radius-card);grid-template-columns:120px 1fr auto;align-items:start;gap:14px;padding:12px;display:grid}.va-mod-item-thumb{border-radius:var(--radius-btn);background:var(--color-border);width:120px;height:90px;overflow:hidden}.va-mod-item-thumb img{object-fit:cover;width:100%;height:100%;display:block}.va-mod-item-thumb-fallback{background:#fff;width:100%;height:100%}.va-mod-item-title{color:var(--color-text);font-size:14px;font-weight:700}.va-mod-item-ver{color:var(--color-text-muted);font-size:12px;font-weight:400}.va-mod-item-sub{color:var(--color-text-muted);margin-top:2px;font-size:12px}.va-mod-item-desc{color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.va-mod-item-note{color:var(--color-danger,#dc3545);margin:6px 0 0;font-size:12px;font-style:italic}.va-mod-item-actions{flex-direction:column;align-items:stretch;gap:6px;min-width:88px;display:flex}.va-mod-btn{border:1px solid var(--color-border);border-radius:var(--radius-btn);cursor:pointer;background:var(--color-surface);color:var(--color-text);text-align:center;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-block}.va-mod-btn:hover:not(:disabled){background:var(--color-surface-alt)}.va-mod-btn:disabled{opacity:.55;cursor:default}.va-mod-btn.is-approve{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.va-mod-btn.is-approve:hover:not(:disabled){background:var(--color-accent-active)}.va-mod-btn.is-reject{color:var(--color-danger,#dc3545);border-color:var(--color-danger,#dc3545);background:0 0}.va-mod-btn.is-reject:hover:not(:disabled){background:#dc354514}.va-mod-btn.is-ghost{color:var(--color-text-muted);background:0 0}.va-settings-section{border-bottom:1px solid var(--color-border);padding:12px 0}.va-settings-section:last-of-type{border-bottom:none}.va-settings-heading{color:var(--color-text);letter-spacing:.2px;margin:0 0 8px;font-size:13px;font-weight:700}.va-settings-row{justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.va-settings-row-col{flex-direction:column;align-items:stretch}.va-settings-label{color:var(--color-text);font-size:13px;font-weight:500}.va-settings-hint{color:var(--color-text-muted);margin:4px 0 0;font-size:11.5px}.va-settings-input,.va-settings-select{border:1px solid var(--color-border);border-radius:var(--radius-btn);background:var(--color-surface);color:var(--color-text);outline:none;min-width:160px;padding:8px 10px;font-family:inherit;font-size:13px;transition:border-color .15s}.va-settings-input:focus,.va-settings-select:focus{border-color:var(--color-accent)}.va-settings-ok{color:var(--color-accent);margin:8px 0 0;font-size:13px}.va-settings-footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:8px;margin-top:12px;padding:14px 0 0;display:flex}.vs-starter-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;padding:20px 4px;display:grid}.vs-starter-title{color:var(--color-text);text-align:center;grid-column:1/-1;margin:0 0 4px;font-size:15px;font-weight:600}.vs-starter-card{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px 12px;transition:background .12s,border-color .12s,transform .12s;display:flex}.vs-starter-card:hover:not(:disabled){background:var(--color-surface-alt);border-color:var(--color-accent);transform:translateY(-1px)}.vs-starter-card:disabled{opacity:.5;cursor:not-allowed}.vs-starter-emoji{font-size:32px;line-height:1}.vs-starter-label{font-size:13px;font-weight:600}.vs-starter-custom{border-style:dashed}
.va-student-landing{justify-content:center;align-items:center;padding:32px;display:flex}.va-student-landing-inner{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);max-width:520px;box-shadow:var(--shadow-card);flex-direction:column;align-items:center;gap:16px;padding:48px 40px;display:flex}.va-student-landing-inner .va-title{margin:0;font-size:28px}.va-student-landing-inner .va-subtitle{color:var(--color-text-muted);margin:0 0 8px;font-size:14px}.va-student-enter{background:var(--color-accent);color:#fff;border-radius:var(--radius-btn);transition:background var(--t-normal), transform var(--t-fast);align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.va-student-enter:hover{background:var(--color-primary-dark,#388e3c);transform:translateY(-1px)}.va-student-enter-secondary{background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border)}.va-student-enter-secondary:hover{border-color:var(--color-primary);background:var(--color-primary-bg,#e8f5e9)}.va-student-enter:active{transform:translateY(0)}.va-studio-page{background:var(--color-bg);flex-direction:column;height:100vh;display:flex}.va-studio-bar{border-bottom:1px solid var(--color-border);background:var(--color-surface);align-items:center;gap:12px;padding:10px 18px;display:flex}.va-studio-back{border-radius:var(--radius-btn);background:var(--color-surface-alt);color:var(--color-text);transition:background var(--t-normal);padding:6px 12px;font-size:13px;font-weight:600;text-decoration:none}.va-studio-back:hover{background:var(--color-border)}.va-studio-bar-center{flex:1;align-items:baseline;gap:10px;min-width:0;display:flex}.va-studio-title{border-radius:var(--radius-btn);min-width:0;color:var(--color-text);background:0 0;border:1px solid #0000;outline:none;flex:1;padding:6px 10px;font-size:15px;font-weight:600}.va-studio-title:focus{border-color:var(--color-border);background:var(--color-surface)}.va-studio-author{color:var(--color-text-muted);white-space:nowrap;font-size:12px}.va-studio-bar-actions{align-items:center;gap:10px;display:flex}.va-studio-tag{color:var(--color-text-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.va-studio-tag select{font:inherit;border:1px solid var(--color-border);border-radius:var(--radius-btn);background:var(--color-surface);padding:4px 8px;font-size:12px}.va-studio-submit{border-radius:var(--radius-btn);background:var(--color-accent);color:#fff;cursor:pointer;transition:background var(--t-normal);border:none;padding:8px 18px;font-size:13px;font-weight:600}.va-studio-submit:hover:not(:disabled){background:var(--color-accent-active)}.va-studio-submit:disabled{opacity:.5;cursor:not-allowed}.va-studio-err{border-bottom:1px solid var(--color-danger);color:var(--color-danger);background:#fff4f4;padding:8px 18px;font-size:12px}.va-studio-grid{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:1fr 1fr;min-height:0;display:grid}.va-studio-chat{border-right:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;min-width:0;min-height:0;display:flex}.va-studio-chat-log{flex-direction:column;flex:1;gap:10px;min-height:0;padding:16px;display:flex;overflow:auto}.va-studio-chat-form{border-top:1px solid var(--color-border);background:#faf9f7;gap:8px;padding:12px 14px;display:flex}.va-studio-chat-input{resize:none;font:inherit;border:1px solid var(--color-border);border-radius:var(--radius-btn);background:var(--color-surface);color:var(--color-text);outline:none;flex:1;padding:10px 12px;font-size:13px;line-height:1.5}.va-studio-chat-input:focus{border-color:var(--color-accent)}.va-studio-chat-send{border-radius:var(--radius-btn);background:var(--color-accent);color:#fff;cursor:pointer;transition:background var(--t-normal);border:none;padding:8px 18px;font-size:13px;font-weight:600}.va-studio-chat-send:hover:not(:disabled){background:var(--color-accent-active)}.va-studio-chat-send:disabled{opacity:.5;cursor:not-allowed}.va-studio-preview{background:#f0ede9;flex-direction:column;min-width:0;min-height:0;display:flex}.va-studio-preview-head{border-bottom:1px solid var(--color-border);background:#faf9f7;align-items:center;gap:4px;padding:6px 10px;display:flex}.va-studio-preview-tab{font-family:var(--font-mono);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-btn);transition:background var(--t-normal), color var(--t-normal);background:0 0;border:none;padding:6px 14px;font-size:12px;font-weight:600}.va-studio-preview-tab:hover{background:var(--color-surface);color:var(--color-text)}.va-studio-preview-tab.is-active{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.va-studio-code{min-height:0;font-family:var(--font-mono);color:var(--color-text);white-space:pre;tab-size:2;background:#fff;flex:1;margin:0;padding:14px 16px;font-size:12px;line-height:1.55;overflow:auto}.va-studio-code-editor{flex:1;min-height:0;display:flex}.va-studio-code-editor .monaco-canvas{border:0;border-radius:0;flex:1;min-height:0}.va-studio-code-editor .monaco-canvas-tabs,.va-studio-code-editor .monaco-canvas-editor{min-height:0}.va-studio-code-empty{color:var(--color-text-muted);background:#fff;flex:1;justify-content:center;align-items:center;font-size:13px;display:flex}.va-studio-iframe{background:#fff;border:none;flex:1;width:100%}

.agent-page{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:24px;display:flex}.monaco-canvas{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;width:100%;min-height:400px;display:flex;overflow:hidden}.monaco-canvas-empty{color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px}.monaco-canvas-empty p{margin:0;font-size:14px}.monaco-canvas-empty-button,.monaco-canvas-icon-button,.monaco-canvas-tab-delete{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;font:inherit;transition:background .15s,border-color .15s}.monaco-canvas-empty-button:hover,.monaco-canvas-icon-button:hover,.monaco-canvas-tab-delete:hover{background:var(--color-bg-hover)}.monaco-canvas-empty-button{border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600}.monaco-canvas-tabs{background:var(--color-bg);border-right:1px solid var(--color-border);flex-direction:column;flex:0 0 200px;width:200px;min-height:400px;display:flex}.monaco-canvas-tabs-head{border-bottom:1px solid var(--color-border);color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;padding:12px;font-size:12px;font-weight:700;display:flex}.monaco-canvas-icon-button{border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:17px;line-height:1;display:inline-flex}.monaco-canvas-tab-list{flex:1;min-height:0;padding:8px;overflow-y:auto}.monaco-canvas-tab{background:0 0;border-radius:9px;align-items:center;gap:4px;margin-bottom:4px;display:flex}.monaco-canvas-tab:hover{background:var(--color-bg-hover)}.monaco-canvas-tab-active{background:var(--color-bg-active,#7866531f)}.monaco-canvas-tab-button{min-width:0;color:var(--color-text);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;gap:2px;padding:9px 8px;display:flex}.monaco-canvas-tab-name,.monaco-canvas-tab-language{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.monaco-canvas-tab-name{font-size:13px;font-weight:600}.monaco-canvas-tab-language{color:var(--color-text-muted);font-size:11px}.monaco-canvas-tab-delete{width:24px;height:24px;color:var(--color-text-muted);border-radius:7px;flex:0 0 24px;justify-content:center;align-items:center;margin-right:6px;padding:0;line-height:1;display:inline-flex}.monaco-canvas-editor{background:var(--color-surface);flex:1;min-width:0;min-height:400px}.monaco-canvas-editor .monaco-editor,.monaco-canvas-editor .monaco-diff-editor{--vscode-editor-background:var(--color-surface)}@media (max-width:768px){.monaco-canvas-tabs{flex-basis:140px;width:140px}}.agent-breadcrumb{color:var(--color-text-muted);align-items:center;gap:6px;margin-bottom:16px;font-size:13px;display:flex}.agent-breadcrumb a{color:var(--color-text-muted);text-decoration:none}.agent-breadcrumb a:hover{color:var(--color-text)}.agent-breadcrumb-sep{color:var(--color-border)}
.agent-hero{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.agent-hero h1{margin:0 0 4px;font-size:24px;font-weight:700}.agent-hero p{color:var(--color-text-muted);margin:0;font-size:14px}.agent-hero-actions{align-items:center;gap:8px;display:flex}.agent-layout{flex:1;gap:20px;min-height:0;display:flex}.agent-sidebar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;flex-shrink:0;width:260px;display:flex;overflow:hidden}.agent-sidebar-head{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.agent-sidebar-head h3{margin:0;font-size:14px;font-weight:600}.agent-sidebar-count{color:var(--color-text-muted);background:var(--color-bg-muted);border-radius:10px;padding:2px 8px;font-size:12px}.agent-sidebar-empty{text-align:center;color:var(--color-text-muted);margin:0;padding:24px 16px;font-size:13px}.agent-sidebar-list{flex:1;padding:8px;overflow-y:auto}.agent-sidebar-item{cursor:pointer;text-align:left;width:100%;font:inherit;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;margin-bottom:4px;padding:10px;transition:background .15s;display:flex}.agent-sidebar-item:hover{background:var(--color-bg-hover)}.agent-sidebar-item-active{background:var(--color-bg-active,#0000000f)}.agent-sidebar-item-icon{flex-shrink:0;font-size:20px}.agent-sidebar-item-info{flex-direction:column;min-width:0;display:flex}.agent-sidebar-item-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.agent-sidebar-item-meta{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}
.agent-main{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;flex:1;min-height:500px;display:flex;overflow:hidden}.agent-main-empty{flex:1;justify-content:center;align-items:center;display:flex}.agent-main-empty p{color:var(--color-text-muted);font-size:14px}.agent-session-info{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:10px 16px;font-size:12px;display:flex}.agent-session-mode{font-size:13px;font-weight:600}.agent-session-tokens{color:var(--color-text-muted)}.agent-chat-panel{flex-direction:column;flex:1;display:flex;overflow:hidden}.agent-welcome{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.agent-welcome-icon{margin-bottom:8px;font-size:48px}.agent-welcome h2{margin:0;font-size:18px;font-weight:700}.agent-welcome p{color:var(--color-text-muted);max-width:320px;margin:0;font-size:14px}.agent-hint{color:var(--color-text-muted);align-items:center;gap:6px;margin-top:24px;font-size:13px;animation:2s infinite agent-bounce;display:flex}@keyframes agent-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.agent-messages{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.agent-message{align-items:flex-start;gap:10px;max-width:85%;display:flex}.agent-message-user{flex-direction:row-reverse;align-self:flex-end}.agent-message-assistant{align-self:flex-start}.agent-message-avatar{background:var(--color-bg-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;display:flex}.agent-message-bubble{background:var(--color-bg-hover);word-break:break-word;border-radius:12px;padding:10px 14px;font-size:14px;line-height:1.6}.agent-message-user .agent-message-bubble{background:var(--color-primary-bg,#e8f5e9)}.agent-message-content{white-space:pre-wrap}.agent-typing{color:var(--color-text-muted);font-style:italic;animation:1.5s infinite agent-pulse}@keyframes agent-pulse{0%,to{opacity:.5}50%{opacity:1}}.agent-code-block{color:#cdd6f4;white-space:pre;background:#1e1e2e;border-radius:8px;margin:8px 0;padding:12px;font-size:13px;line-height:1.5;overflow-x:auto}.agent-code-preview-badge{color:#2e7d32;background:#e8f5e9;border-radius:8px;margin:4px 0;padding:6px 12px;font-size:13px;font-weight:500;display:inline-block}.agent-error{color:#d32f2f;background:#fff0f0;border-top:1px solid #ffcdd2;align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:flex}.agent-input-bar{border-top:1px solid var(--color-border);background:var(--color-surface);align-items:flex-end;gap:8px;padding:12px 16px;display:flex}.agent-textarea{border:1px solid var(--color-border);resize:none;background:var(--color-bg);border-radius:10px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .15s}.agent-textarea:focus{border-color:var(--color-primary)}.agent-send-btn{background:var(--color-primary,#4caf50);color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:background .15s;display:flex}.agent-send-btn:hover{background:var(--color-primary-dark,#388e3c)}.agent-stop-btn{background:#e53935}.agent-stop-btn:hover{background:#c62828}
.agent-save-bar{border-top:1px solid var(--color-border);justify-content:flex-end;padding:12px 16px;display:flex}.agent-modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.agent-modal{background:#fff;border-radius:16px;width:90%;max-width:520px;padding:32px;box-shadow:0 20px 60px #00000026}.agent-modal h2{margin:0 0 4px;font-size:20px;font-weight:700}.agent-modal>p{color:var(--color-text-muted);margin:0 0 20px;font-size:14px}.agent-mode-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.agent-mode-card{border:2px solid var(--color-border);background:var(--color-surface);cursor:pointer;font:inherit;text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:20px 12px;transition:all .15s;display:flex}.agent-mode-card:hover{border-color:var(--color-primary);background:var(--color-primary-bg,#e8f5e9);transform:translateY(-2px)}.agent-mode-card-icon{font-size:32px}.agent-mode-card-label{font-size:15px;font-weight:600}.agent-mode-card-desc{color:var(--color-text-muted);font-size:12px}.agent-modal-close{border:1px solid var(--color-border);width:100%;font:inherit;cursor:pointer;color:var(--color-text-muted);background:0 0;border-radius:10px;padding:10px;font-size:14px;display:block}.agent-modal-close:hover{background:var(--color-bg-hover)}
.agent-layout-with-preview{gap:16px}.agent-main-split{flex:1;min-height:0;display:flex;overflow:hidden}.agent-chat-column{border-right:1px solid var(--color-border);flex-direction:column;flex:1;min-width:0;display:flex}.agent-preview-column{background:var(--color-bg,#f8f9fa);flex-direction:column;flex-shrink:0;width:420px;display:flex}.agent-preview-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.agent-preview-refresh{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:14px}.agent-preview-refresh:hover{background:var(--color-bg-hover)}.agent-preview-frame{background:#fff;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.agent-preview-iframe{border:none;width:100%;height:100%}.agent-preview-empty{color:var(--color-text-muted);text-align:center;flex-direction:column;align-items:center;gap:8px;font-size:13px;display:flex}.agent-preview-empty span{font-size:32px}.agent-preview-empty p{margin:0}@media (max-width:1100px){.agent-preview-column{width:320px}}@media (max-width:900px){.agent-main-split{flex-direction:column}.agent-chat-column{border-right:none;border-bottom:1px solid var(--color-border);max-height:50vh}.agent-preview-column{width:100%;min-height:300px}}@media (max-width:640px){.agent-preview-column{min-height:240px}}@media (max-width:768px){.agent-page{padding:12px}.agent-layout{flex-direction:column}.agent-sidebar{width:100%;max-height:200px}.agent-mode-grid{grid-template-columns:1fr}.agent-hero{flex-direction:column;gap:12px}.agent-message{max-width:95%}}
.agent-save-modal{max-width:520px}.agent-save-field{color:var(--color-text);flex-direction:column;gap:6px;margin-bottom:14px;font-size:13px;font-weight:600;display:flex}.agent-save-field input,.agent-save-field textarea{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);font:inherit;border-radius:10px;padding:10px 12px;font-weight:400}.agent-save-field textarea{resize:vertical;min-height:110px}.agent-save-error{color:var(--color-danger,#d92d20);margin:0 0 12px;font-size:13px}.agent-save-modal-actions{grid-template-columns:1fr 1.5fr;gap:10px;display:grid}.project-detail-page{max-width:1180px;color:var(--color-text);margin:0 auto;padding:24px}.project-detail-breadcrumb{margin-bottom:14px}.project-detail-hero{color:#f8fafc;background:radial-gradient(circle at 20% 0,#667eea3d,#0000 34%),linear-gradient(135deg,#111827 0%,#172033 52%,#0b1120 100%);border:1px solid #ffffff14;border-radius:18px;justify-content:space-between;align-items:flex-end;gap:24px;padding:28px;display:flex;box-shadow:0 18px 48px #0f172a2e}.project-detail-eyebrow{color:#93c5fd;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.project-detail-hero h1{margin:0;font-size:clamp(28px,5vw,48px);line-height:1.05}.project-detail-description{color:#cbd5e1;max-width:720px;margin:14px 0 0;font-size:15px;line-height:1.7}.project-detail-meta{color:#dbeafe;flex-wrap:wrap;gap:10px;margin-top:18px;font-size:13px;display:flex}.project-detail-meta span{background:#ffffff14;border-radius:999px;padding:6px 10px}.project-detail-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.project-detail-tags span{color:#bfdbfe;background:#3b82f633;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.project-detail-play-button{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px;flex:none;justify-content:center;align-items:center;min-width:160px;min-height:54px;padding:0 24px;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 12px 28px #22c55e47}.project-detail-play-button:hover{transform:translateY(-1px);box-shadow:0 16px 34px #22c55e5c}.project-detail-main{grid-template-columns:minmax(0,1fr) 300px;gap:18px;margin-top:18px;display:grid}.project-detail-preview-card,.project-detail-review-summary,.project-detail-reviews{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;box-shadow:0 8px 24px #0f172a0f}.project-detail-card-head{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:baseline;gap:12px;padding:16px 18px;display:flex}.project-detail-card-head h2,.project-detail-review-summary h2,.project-detail-section-title h2{margin:0;font-size:18px}.project-detail-card-head span,.project-detail-section-title span,.project-detail-review-summary p{color:var(--color-text-muted);font-size:13px}.project-detail-preview-frame{background:linear-gradient(#1f2937,#111827);border-radius:0 0 16px 16px;height:360px;padding:14px}.project-detail-preview-iframe{transform-origin:0 0;background:#fff;border:0;border-radius:10px;width:100%;height:100%}.project-detail-review-summary{align-self:start;padding:18px}.project-detail-score{flex-direction:column;gap:8px;margin:18px 0 10px;display:flex}.project-detail-score strong{font-size:44px;line-height:1}.project-detail-stars{color:var(--color-border);letter-spacing:1px;gap:2px;display:inline-flex}.project-detail-stars .is-filled{color:#f59e0b;text-shadow:0 0 10px #f59e0b33}.project-detail-reviews{margin-top:18px;padding:18px}.project-detail-section-title{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.project-detail-review-form{border:1px solid var(--color-border);background:var(--color-bg-muted,#00000008);border-radius:14px;grid-template-columns:120px minmax(0,1fr) auto;align-items:end;gap:12px;padding:14px;display:grid}.project-detail-review-form label{color:var(--color-text-muted);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.project-detail-review-form select,.project-detail-review-form textarea{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);font:inherit;border-radius:10px;padding:10px 12px}.project-detail-review-form textarea{resize:vertical;min-height:44px}.project-detail-review-comment{min-width:0}.project-detail-form-error,.project-detail-form-success{grid-column:1/-1;margin:0;font-size:13px}.project-detail-form-error{color:var(--color-danger,#d92d20)}.project-detail-form-success{color:#16a34a}.project-detail-review-list{gap:12px;margin-top:16px;display:grid}.project-detail-review-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;padding:14px}.project-detail-review-head{justify-content:space-between;gap:12px;margin-bottom:8px;display:flex}.project-detail-review-card p{color:var(--color-text);margin:0 0 10px;line-height:1.6}.project-detail-review-card time,.project-detail-empty{color:var(--color-text-muted);font-size:13px}.project-detail-empty{text-align:center;margin:0;padding:20px}.project-detail-back-link{color:var(--color-text-muted);margin-top:18px;font-size:14px;text-decoration:none;display:inline-flex}.project-detail-back-link:hover{color:var(--color-text)}
.play-page{color:#f8fafc;background:#020617;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.play-topbar{z-index:1;background:radial-gradient(circle at 0 0,#3b82f633,#0000 32%),#0f172af5;border-bottom:1px solid #94a3b833;flex:none;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:12px 18px;display:flex;box-shadow:0 10px 30px #02061747}.play-topbar-main{align-items:center;gap:14px;min-width:0;display:flex}.play-detail-link{color:#cbd5e1;border:1px solid #94a3b847;border-radius:999px;flex:none;justify-content:center;align-items:center;min-height:40px;padding:0 12px;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.play-detail-link:hover{color:#fff;background:#3b82f629;border-color:#bfdbfeb3}.play-title{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:clamp(18px,2.4vw,24px);font-weight:800;line-height:1.2;overflow:hidden}.play-actions{flex:none;justify-content:flex-end;align-items:center;gap:10px;display:flex}.play-share-status{color:#bfdbfe;text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:12px;overflow:hidden}.play-control-button{color:#e2e8f0;cursor:pointer;min-height:40px;font:inherit;background:#0f172ad1;border:1px solid #94a3b852;border-radius:10px;padding:0 14px;font-size:14px;font-weight:800;transition:transform .15s,background .15s,border-color .15s}.play-control-button:hover{background:#1e293bf5;border-color:#bfdbfeb8;transform:translateY(-1px)}.play-control-button-primary{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#0000;box-shadow:0 10px 24px #16a34a3d}.play-control-button-primary:hover{background:linear-gradient(135deg,#34d399,#16a34a);border-color:#0000}.play-frame-wrap{background:#000;flex:auto;min-height:0}.play-iframe{background:#fff;border:0;width:100%;height:100%;display:block}@media (max-width:900px){.project-detail-hero,.project-detail-main{grid-template-columns:1fr}.project-detail-hero{flex-direction:column;align-items:stretch}.project-detail-play-button{width:100%}.project-detail-review-form{grid-template-columns:1fr}.play-topbar{flex-direction:column;align-items:stretch;gap:10px}.play-actions{width:100%}.play-share-status{flex:1;max-width:none}}@media (max-width:640px){.project-detail-page{padding:12px}.project-detail-hero{border-radius:14px;padding:20px}.project-detail-preview-frame{height:240px;padding:10px}.project-detail-card-head,.project-detail-review-head,.agent-save-modal-actions{flex-direction:column;align-items:stretch;display:flex}.play-topbar{min-height:auto;padding:10px}.play-topbar-main{flex-direction:column;align-items:stretch;gap:8px}.play-detail-link,.play-control-button{width:100%}.play-title{white-space:normal}.play-actions{grid-template-columns:1fr 1fr;display:grid}.play-share-status{text-align:center;grid-column:1/-1}}

.question-board{flex-direction:column;gap:16px;min-height:100%;padding:16px;display:flex}.qb-header{border-bottom:1px solid var(--color-border);flex-direction:column;gap:12px;padding-bottom:12px;display:flex}.qb-prompt-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.qb-prompt{color:var(--color-text);flex:auto;min-width:0;margin:0;font-size:20px;font-weight:700}.qb-prompt-input{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:8px;flex:auto;padding:8px 12px;font-size:16px}.qb-viz-toggle{flex-wrap:wrap;gap:6px;display:flex}.qb-viz-chip{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;transition:background .12s,color .12s;display:inline-flex}.qb-viz-chip:hover{background:var(--color-surface-alt);color:var(--color-text)}.qb-viz-chip.is-active{background:var(--color-accent);border-color:var(--color-accent);color:#fff;font-weight:600}.qb-input-row{align-items:flex-start;gap:8px;display:flex}.qb-input{resize:vertical;border:1px solid var(--color-border);background:var(--color-surface);min-height:56px;color:var(--color-text);border-radius:8px;flex:auto;padding:10px 12px;font-size:14px;line-height:1.5}.qb-input:disabled{background:var(--color-surface-alt);color:var(--color-text-muted)}.qb-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:13px}.qb-btn:hover:not(:disabled){background:var(--color-surface-alt)}.qb-btn-primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent);font-weight:600}.qb-btn-primary:hover:not(:disabled){filter:brightness(.95);background:var(--color-accent)}.qb-btn-primary:disabled{opacity:.5;cursor:not-allowed}.qb-btn-ghost{background:0 0;border-color:#0000}.qb-viz-stage{background:var(--color-surface);border-radius:12px;min-height:320px;padding:16px}.qb-empty{text-align:center;color:var(--color-text-muted);padding:40px 16px;font-size:14px}.qb-viz-loading{text-align:center;color:var(--color-text-muted);padding:40px 16px}.qb-wordcloud svg{max-width:100%;font-family:system-ui,-apple-system,sans-serif;display:block}.qb-bar-chart{flex-direction:column;gap:8px;display:flex}.qb-bar-row{grid-template-columns:120px 1fr 40px;align-items:center;gap:8px;font-size:13px;display:grid}.qb-bar-label{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qb-bar-track{background:var(--color-surface-alt);border-radius:4px;height:20px;overflow:hidden}.qb-bar-fill{background:var(--color-accent);height:100%;transition:width .2s ease-out}.qb-bar-count{text-align:right;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.qb-pie-chart{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}.qb-pie-legend{flex-direction:column;gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.qb-pie-legend li{align-items:center;gap:8px;display:flex}.qb-pie-swatch{border-radius:3px;flex:none;width:12px;height:12px}.qb-pie-word{color:var(--color-text);flex:auto}.qb-pie-pct{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.qb-timeline{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.qb-timeline-item{background:var(--color-surface-alt);border-radius:8px;grid-template-columns:48px 1fr auto;gap:10px;padding:10px 12px;font-size:13px;display:grid}.qb-timeline-time{color:var(--color-text-muted);font-variant-numeric:tabular-nums;align-self:start}.qb-timeline-body{flex-direction:column;gap:2px;display:flex}.qb-timeline-text{color:var(--color-text);margin:0;line-height:1.4}.qb-timeline-author{color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;align-self:flex-start;margin-top:2px;padding:1px 8px;font-size:11px}.qb-timeline-delete,.qb-list-delete{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:14px}.qb-timeline-delete:hover,.qb-list-delete:hover{color:var(--color-danger,#c0392b)}.qb-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.qb-list-item{background:var(--color-surface-alt);border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;font-size:13px;display:flex;position:relative}.qb-list-text{color:var(--color-text);word-break:break-word;margin:0;line-height:1.4}.qb-list-author{color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;align-self:flex-start;padding:1px 8px;font-size:11px}.qb-list-delete{position:absolute;top:4px;right:4px}.qb-footer{color:var(--color-text-muted);font-size:12px}
.ai-feedback-modal{background:var(--color-surface);border:var(--border-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card-hover);flex-direction:column;width:min(540px,100vw - 32px);max-height:calc(100vh - 64px);display:flex;position:relative;overflow:hidden}.ai-feedback-modal--batch{width:min(720px,100vw - 32px)}.ai-feedback-modal__header{border-bottom:1px solid var(--color-border);grid-template-columns:1fr auto auto;align-items:baseline;gap:8px;padding:16px 20px;display:grid}.ai-feedback-modal__header h3{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:17px;font-weight:700}.ai-feedback-modal__subject{color:var(--color-text-faint);letter-spacing:.4px;margin-left:4px;font-size:12px;font-weight:500}.ai-feedback-modal__student{color:var(--color-accent-tinted-text);background:var(--color-accent-tinted-bg);border-radius:var(--radius-pill);padding:4px 10px;font-size:13px;font-weight:600}.ai-feedback-modal__body{flex-direction:column;gap:14px;padding:18px 20px;display:flex;overflow-y:auto}.ai-feedback-modal__field{color:var(--color-text);flex-direction:column;gap:6px;font-size:13px;display:flex}.ai-feedback-modal__field>span{color:var(--color-text-faint);align-items:baseline;gap:6px;font-weight:600;display:flex}.ai-feedback-modal__field input,.ai-feedback-modal__field textarea,.ai-feedback-modal__field select{font-family:var(--font-body);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);resize:vertical;border-radius:8px;padding:10px 12px;font-size:14px}.ai-feedback-modal__field input:focus,.ai-feedback-modal__field textarea:focus,.ai-feedback-modal__field select:focus{outline:2px solid var(--color-accent);outline-offset:-1px;border-color:var(--color-accent)}.ai-feedback-modal__field--comment textarea{min-height:110px;line-height:1.55}.ai-feedback-modal__model{color:var(--color-text-faint);font-size:11px;font-weight:500}.ai-feedback-modal__counter{color:var(--color-text-faint);align-self:flex-end;font-size:11px}.ai-feedback-modal__error{color:var(--color-danger,#c4302b);background:#c4302b14;border-radius:6px;margin:0;padding:10px 12px;font-size:13px}.ai-feedback-modal__success{color:var(--color-success,#1f7a3a);background:#1f7a3a1a;border-radius:6px;margin:0;padding:10px 12px;font-size:13px}.ai-feedback-modal__footer{border-top:1px solid var(--color-border);background:var(--color-bg-alt);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.ai-feedback-modal__btn{font-family:var(--font-body);cursor:pointer;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s}.ai-feedback-modal__btn--ghost{border:1px solid var(--color-border);color:var(--color-text);background:0 0}.ai-feedback-modal__btn--ghost:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.ai-feedback-modal__btn--primary{background:var(--color-accent);border:1px solid var(--color-accent);color:#fff}.ai-feedback-modal__btn--primary:hover:not(:disabled){background:var(--color-accent-strong,var(--color-accent))}.ai-feedback-modal__btn:disabled{opacity:.5;cursor:not-allowed}.ai-feedback-modal__roster{border:1px solid var(--color-border);background:var(--color-bg);border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px 4px;display:flex}.ai-feedback-modal__roster-head{border-bottom:1px solid var(--color-border);padding-bottom:8px}.ai-feedback-modal__roster-all{color:var(--color-text);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.ai-feedback-modal__roster-all small{color:var(--color-text-faint);font-weight:500}.ai-feedback-modal__roster-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;max-height:220px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}@media (max-width:560px){.ai-feedback-modal__roster-list{grid-template-columns:1fr}}.ai-feedback-modal__roster-row{cursor:pointer;color:var(--color-text);border-radius:6px;grid-template-columns:18px 30px 1fr;align-items:center;gap:8px;padding:6px 8px;font-size:13px;transition:background .1s;display:grid}.ai-feedback-modal__roster-row:hover,.ai-feedback-modal__roster-row.is-selected{background:var(--color-accent-tinted-bg)}.ai-feedback-modal__roster-num{text-align:right;color:var(--color-text-faint);font-variant-numeric:tabular-nums}.ai-feedback-modal__roster-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.ai-feedback-modal__empty{color:var(--color-text-faint);text-align:center;margin:0;padding:16px;font-size:13px}.ai-feedback-modal__criteria{flex-direction:column;gap:12px;display:flex}.ai-feedback-modal__field>span small{color:var(--color-text-faint);font-size:11px;font-weight:500}.ai-feedback-modal__hint{color:var(--color-text-faint);margin:0;font-size:12px}.ai-feedback-modal__results{border:1px solid var(--color-border);background:var(--color-bg);border-radius:10px;padding:10px 12px}.ai-feedback-modal__results-head{color:var(--color-text);flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.ai-feedback-modal__results-saved{color:var(--color-success,#1f7a3a);font-size:11px;font-weight:500}.ai-feedback-modal__results-list{flex-direction:column;gap:6px;max-height:280px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.ai-feedback-modal__result-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;grid-template-columns:110px 1fr;gap:10px;padding:8px 10px;font-size:13px;line-height:1.5;display:grid}.ai-feedback-modal__result-row.is-failed{background:#c4302b0a;border-color:#c4302b4d}.ai-feedback-modal__result-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.ai-feedback-modal__result-vision{cursor:help;vertical-align:baseline;font-size:12px;display:inline-block}.ai-feedback-modal__result-text{color:var(--color-text)}.ai-feedback-modal__result-row.is-failed .ai-feedback-modal__result-text{color:var(--color-danger,#c4302b)}
.speed-game-board{flex-direction:column;gap:20px;max-width:800px;margin:0 auto;padding:24px 16px;display:flex}.speed-game-error,.form-error{background:var(--color-status-returned-bg,#ffebee);color:var(--color-status-returned-text,#c62828);border-radius:8px;padding:12px 16px;font-size:14px}.speed-game-empty,.speed-game-wait,.speed-game-finished{text-align:center;background:var(--color-surface);border:var(--border-card,1px solid var(--color-border));border-radius:var(--radius-card,12px);padding:48px 24px}.speed-game-empty p,.speed-game-wait p,.speed-game-finished p{color:var(--color-text);margin:0;font-size:16px}.speed-game-empty-hint{color:var(--color-text-muted);margin-top:8px;font-size:13px}.speed-game-teacher{flex-direction:column;gap:20px;display:flex}.speed-game-header{background:var(--color-surface);border:var(--border-card,1px solid var(--color-border));border-radius:var(--radius-card,12px);flex-direction:column;gap:12px;padding:20px;display:flex}.speed-game-status-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.speed-game-status{text-transform:uppercase;letter-spacing:.3px;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.speed-game-status--waiting{background:var(--color-warning-tinted-bg,#fef3c7);color:var(--color-warning,#f59e0b)}.speed-game-status--active{background:var(--color-accent-tinted-bg,#e9f7ff);color:var(--color-accent-tinted-text,#0f70ad)}.speed-game-status--finished{background:var(--color-learning-mint,#dff6e9);color:#1b5e20}.speed-game-round-count{color:var(--color-text-muted);font-size:14px}.speed-game-current-round{flex-direction:column;gap:6px;display:flex}.speed-game-keyword-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.speed-game-keyword{color:var(--color-text);word-break:keep-all;font-size:32px;font-weight:800}.speed-game-guesser{color:var(--color-text-muted);font-size:14px}.speed-game-controls{flex-wrap:wrap;gap:10px;display:flex}.speed-game-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .15s,transform .1s}.speed-game-btn:active{transform:scale(.97)}.speed-game-btn:disabled{opacity:.5;cursor:not-allowed}.speed-game-btn-primary{background:var(--color-accent,#1683c7);color:#fff}.speed-game-btn-primary:hover:not(:disabled){background:var(--color-accent-active,#0d679f)}.speed-game-btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.speed-game-btn-secondary:hover:not(:disabled){background:var(--color-surface-alt)}.speed-game-btn-danger{background:var(--color-danger,#c62828);color:#fff}.speed-game-btn-danger:hover:not(:disabled){background:var(--color-danger-active,#a01b1b)}.speed-game-submissions,.speed-game-leaderboard{background:var(--color-surface);border:var(--border-card,1px solid var(--color-border));border-radius:var(--radius-card,12px);padding:20px}.speed-game-submissions h3,.speed-game-leaderboard h3{color:var(--color-text);margin:0 0 12px;font-size:16px}.speed-game-submission-list,.speed-game-leaderboard-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.speed-game-submission-item,.speed-game-leaderboard-item{background:var(--color-surface-alt,#184a5c12);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.speed-game-group-name{color:var(--color-text);word-break:keep-all;font-weight:600}.speed-game-submission-badge{border-radius:999px;padding:3px 8px;font-size:12px;font-weight:600}.speed-game-submission-badge--submitted{background:var(--color-learning-mint,#dff6e9);color:#1b5e20}.speed-game-submission-badge--waiting{background:var(--color-surface-alt);color:var(--color-text-muted)}.speed-game-leaderboard-name{color:var(--color-text);font-weight:600}.speed-game-leaderboard-score{color:var(--color-accent);font-weight:700}.speed-game-student{flex-direction:column;gap:20px;display:flex}.speed-game-student-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.speed-game-submitted{text-align:center;background:var(--color-surface);border:var(--border-card,1px solid var(--color-border));border-radius:var(--radius-card,12px);padding:32px 24px}.speed-game-submitted>p{color:var(--color-text);margin:0 0 12px;font-size:18px;font-weight:700}.speed-game-submitted-detail p{color:var(--color-text-muted);margin:4px 0;font-size:14px}.speed-game-correct{font-weight:700;color:var(--color-plant-active,#27a35f)!important}.speed-game-wrong{font-weight:700;color:var(--color-danger,#c62828)!important}.speed-game-guesser,.speed-game-explainer{background:var(--color-surface);border:var(--border-card,1px solid var(--color-border));border-radius:var(--radius-card,12px);flex-direction:column;gap:16px;padding:24px;display:flex}.speed-game-role-hint{color:var(--color-text-muted);text-align:center;margin:0;font-size:14px}.speed-game-answer-input{border:1px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);border-radius:10px;outline:none;padding:14px 16px;font-size:18px}.speed-game-answer-input:focus{border-color:var(--color-accent)}.speed-game-keyword-card{background:var(--color-accent-tinted-bg,#e9f7ff);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:32px 24px;display:flex}.speed-game-keyword-card .speed-game-keyword{font-size:42px}.speed-game-section{flex-direction:column;gap:10px;padding-top:8px;display:flex}.speed-game-required{color:var(--color-danger,#c62828)}.speed-game-tabs{flex-wrap:wrap;gap:6px;display:flex}.speed-game-tab{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:13px;transition:background .12s,color .12s,border-color .12s}.speed-game-tab:hover{background:var(--color-surface-alt)}.speed-game-tab.is-active{background:var(--color-accent);border-color:var(--color-accent);color:#fff;font-weight:600}.speed-game-direct{flex-direction:column;gap:10px;display:flex}.speed-game-word-cell-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;max-height:260px;padding:4px;display:grid;overflow:auto}.speed-game-word-cell{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;grid-template-columns:26px minmax(0,1fr) 30px;align-items:center;gap:6px;padding:6px;display:grid}.speed-game-word-cell span{color:var(--color-text-muted);text-align:center;font-size:12px}.speed-game-word-cell input,.speed-game-config-row input{min-width:0;color:var(--color-text);font:inherit;background:0 0;border:0;outline:none}.speed-game-word-cell button{background:var(--color-surface-alt);width:26px;height:26px;color:var(--color-text-muted);cursor:pointer;border:0;border-radius:999px}.speed-game-word-cell button:disabled{opacity:.4;cursor:not-allowed}.speed-game-add-word{align-self:flex-start}.speed-game-direct-actions{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.speed-game-direct-actions .modal-input{flex:auto;min-width:160px}.speed-game-direct-actions .modal-btn-submit{flex:none}.speed-game-word-count{color:var(--color-text-muted);margin:0;font-size:13px}.speed-game-set-actions{gap:8px;display:flex}.speed-game-config-row{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.speed-game-config-row span{color:var(--color-text);font-size:14px;font-weight:600}.speed-game-config-row input{text-align:right;width:88px}.speed-game-radio-group{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.speed-game-radio{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.speed-game-radio input{margin-top:2px}.speed-game-radio span{flex-direction:column;gap:2px;display:flex}.speed-game-radio strong{color:var(--color-text);font-size:14px}.speed-game-radio small{color:var(--color-text-muted);font-size:12px}.speed-game-score-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.speed-game-score-grid label{color:var(--color-text-muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.speed-game-score-grid input{border:1px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);border-radius:8px;padding:8px 10px;font-size:14px}.layout-option-selected{border-color:var(--color-accent);background:var(--color-accent-tinted-bg)}@media (max-width:480px){.speed-game-board{padding:16px 12px}.speed-game-keyword{font-size:26px}.speed-game-keyword-card .speed-game-keyword{font-size:34px}.speed-game-controls{flex-direction:column}.speed-game-btn{width:100%}.speed-game-score-grid{grid-template-columns:repeat(2,1fr)}}
.shadow-alliance-board{background:#0a0a0c;min-height:calc(100dvh - 84px)}.shadow-alliance-game{--sa-font-body:"Nanum Myeongjo", "Noto Serif KR", serif;--sa-font-display:"Cinzel", Georgia, serif;--sa-font-mono:"JetBrains Mono", "SF Mono", Consolas, monospace;--sa-black:#08090d;--sa-panel:#141720;--sa-panel-soft:#1c202b;--sa-line:#343a4a;--sa-line-soft:#343a4aa3;--sa-text:#f5f1e7;--sa-muted:#a9afbd;--sa-gold:#e4c778;--sa-black-team:#7180a4;--sa-white-team:#f0e5c3;--sa-space-1:8px;--sa-space-2:12px;--sa-space-3:16px;--sa-space-4:24px;--sa-space-5:32px;--sa-radius-panel:12px;--sa-radius-control:8px;--sa-shadow-panel:0 18px 48px #0000002e;box-sizing:border-box;min-height:calc(100dvh - 84px);color:var(--sa-text);background:linear-gradient(145deg, #6b592a2e, transparent 38%), var(--sa-black);font-family:var(--sa-font-body);word-break:keep-all;padding:28px}.shadow-alliance-game *,.shadow-alliance-game :before,.shadow-alliance-game :after{box-sizing:border-box}.shadow-alliance-topbar,.shadow-alliance-student-header,.shadow-alliance-panel-heading,.shadow-alliance-action-row,.shadow-alliance-player-list li,.shadow-alliance-ranking-panel li{align-items:center;display:flex}.shadow-alliance-topbar,.shadow-alliance-student-header{justify-content:space-between;gap:16px;max-width:1120px;margin:0 auto 24px}.shadow-alliance-topbar{z-index:10;position:relative}.shadow-alliance-topbar-status{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}.shadow-alliance-session-menu{position:relative}.shadow-alliance-session-menu>summary,.shadow-alliance-lobby-guide>summary{cursor:pointer;font-weight:700;list-style:none}.shadow-alliance-session-menu>summary::-webkit-details-marker{display:none}.shadow-alliance-lobby-guide>summary::-webkit-details-marker{display:none}.shadow-alliance-session-menu>summary{border:1px solid var(--sa-line);border-radius:var(--sa-radius-control);color:var(--sa-muted);background:#141720f0;padding:8px 11px;font-size:13px}.shadow-alliance-session-menu[open]>summary{color:var(--sa-text)}.shadow-alliance-session-menu>.shadow-alliance-action-row{z-index:20;border:1px solid var(--sa-line);border-radius:var(--sa-radius-control);background:var(--sa-panel);min-width:180px;box-shadow:var(--sa-shadow-panel);flex-direction:column;align-items:stretch;padding:10px;position:absolute;top:calc(100% + 8px);right:0}.shadow-alliance-board-status{border:1px solid var(--sa-line);color:var(--sa-muted);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700}.shadow-alliance-board-status.is-waiting{border-color:var(--sa-line);color:var(--sa-muted)}.shadow-alliance-board-status.is-active{color:#9ce2bd;border-color:#447b63}.shadow-alliance-board-status.is-ended{color:#e9a6a6;border-color:#8e5c5c}.shadow-alliance-game h1,.shadow-alliance-game h2,.shadow-alliance-game p{margin:0}.shadow-alliance-game h1,.shadow-alliance-game h2{font-family:var(--sa-font-display);letter-spacing:.06em}.shadow-alliance-game h1{font-size:32px}.shadow-alliance-game h2{font-size:22px;line-height:1.3}.shadow-alliance-eyebrow{font-family:var(--sa-font-mono);color:var(--sa-gold);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:700}.shadow-alliance-error{color:#ffd0d0;background:#5c1f266b;border:1px solid #d05b5b8c;border-radius:8px;max-width:1120px;margin:0 auto;padding:12px 16px;font-family:Nanum Myeongjo,Noto Serif KR,serif}.shadow-alliance-connection{border:1px solid var(--sa-line);color:var(--sa-muted);border-radius:4px;flex:none;padding:7px 10px;font-size:12px}.shadow-alliance-connection.is-connected{color:#9ce2bd;border-color:#447b63}.shadow-alliance-connection.is-reconnecting{color:#efd18a;border-color:#927542}.shadow-alliance-connection.is-offline{color:#e9a6a6;border-color:#8e5c5c}.shadow-alliance-connection.is-connecting{border-color:var(--sa-line);color:var(--sa-muted)}.shadow-alliance-student-identity{align-items:center;gap:14px;min-width:0;display:flex}.shadow-alliance-student-status{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}.shadow-alliance-student-team{color:var(--sa-muted);margin-top:4px;font-size:13px}.shadow-alliance-teacher-grid,.shadow-alliance-round-layout{gap:var(--sa-space-5);grid-template-columns:minmax(0,1fr);align-items:start;max-width:1120px;margin:0 auto;display:grid}.shadow-alliance-teacher-grid{grid-template-areas:"guide guide""roster settings""start start"}.shadow-alliance-panel{border:1px solid var(--sa-line);border-radius:var(--sa-radius-panel);box-shadow:var(--sa-shadow-panel);background:#141720f0;padding:22px}.shadow-alliance-lobby-guide{gap:var(--sa-space-4);background:radial-gradient(circle at 80% 20%,#ccab5c29,#0000 36%),#141720f0;grid-area:guide;min-height:300px;display:grid}.shadow-alliance-lobby-guide:not([open]){min-height:0}.shadow-alliance-lobby-guide>summary{color:var(--sa-gold);font-family:var(--sa-font-display);letter-spacing:.04em}.shadow-alliance-guide-header,.shadow-alliance-guide-nav{justify-content:space-between;align-items:center;gap:16px;display:flex}.shadow-alliance-guide-count{color:var(--sa-muted);font-size:13px;margin-top:5px!important}.shadow-alliance-guide-pagination{gap:6px;display:flex}.shadow-alliance-guide-pagination button{border:1px solid var(--sa-line);width:32px;height:32px;color:var(--sa-muted);cursor:pointer;font:inherit;background:0 0;border-radius:50%;font-size:13px;font-weight:700}.shadow-alliance-guide-pagination button:hover,.shadow-alliance-guide-pagination button.is-active{border-color:var(--sa-gold);color:#16130d;background:var(--sa-gold)}.shadow-alliance-guide-content{align-items:center;gap:var(--sa-space-4);grid-template-columns:clamp(118px,11vw,150px) minmax(0,860px);min-height:138px;display:grid}.shadow-alliance-guide-number{color:#e4c77847;font-family:var(--sa-font-display);font-size:clamp(52px,7vw,88px);font-weight:700;line-height:1}.shadow-alliance-guide-copy{gap:var(--sa-space-1);min-width:0;max-width:860px;display:grid}.shadow-alliance-guide-copy h2{max-width:100%;font-family:var(--sa-font-display);letter-spacing:.06em;text-wrap:balance;font-size:clamp(22px,4vw,30px);line-height:1.25}.shadow-alliance-guide-body{gap:var(--sa-space-3);max-width:860px;display:grid}.shadow-alliance-guide-body p{max-width:860px;color:var(--sa-text);text-wrap:pretty;font-size:clamp(16px,2.4vw,20px);line-height:1.9}.shadow-alliance-guide-body strong{color:var(--sa-gold);font-weight:700}.shadow-alliance-guide-keep{white-space:nowrap;display:inline-block}.shadow-alliance-guide-body .shadow-alliance-guide-black{color:var(--sa-black-team)}.shadow-alliance-guide-body .shadow-alliance-guide-white{color:var(--sa-white-team)}.shadow-alliance-guide-formula{border-radius:var(--sa-radius-control);color:var(--sa-gold);font-family:var(--sa-font-mono);letter-spacing:.02em;background:#e4c77814;border:1px solid #e4c77870;justify-self:start;padding:11px 17px;font-size:clamp(14px,1.8vw,19px)}.shadow-alliance-guide-example{gap:var(--sa-space-2);margin-top:2px;padding:0;display:grid}.shadow-alliance-guide-example p{font-size:clamp(15px,1.55vw,18px);line-height:1.7}.shadow-alliance-guide-nav{padding-top:var(--sa-space-3);border-top:1px solid var(--sa-line-soft);margin-top:auto}.shadow-alliance-guide-nav>span{color:var(--sa-muted);font-size:13px}.shadow-alliance-empty,.shadow-alliance-student-card>p{color:var(--sa-muted);line-height:1.65}.shadow-alliance-panel-heading{justify-content:space-between;gap:12px}.shadow-alliance-panel-heading strong{color:var(--sa-gold)}.shadow-alliance-field{color:var(--sa-muted);gap:8px;margin-top:18px;font-size:14px;display:grid}.shadow-alliance-field select,.shadow-alliance-answer-form input{border:1px solid var(--sa-line);width:100%;color:var(--sa-text);background:var(--sa-panel-soft);font:inherit;border-radius:5px;padding:10px 12px}.shadow-alliance-check{color:var(--sa-muted);gap:8px;margin-top:16px;font-size:14px;display:flex}.shadow-alliance-roster{box-shadow:none;background:0 0;border:0;border-radius:0;grid-area:roster;padding:4px 0 0}.shadow-alliance-settings{border:0;border-left:1px solid var(--sa-line-soft);padding:4px 0 0 var(--sa-space-4);box-shadow:none;background:0 0;border-radius:0;grid-area:settings;align-self:stretch}.shadow-alliance-settings .shadow-alliance-panel-heading{padding-bottom:var(--sa-space-3);border-bottom:1px solid var(--sa-line-soft)}.shadow-alliance-team-roster-grid{gap:var(--sa-space-5);margin-top:var(--sa-space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.shadow-alliance-team-roster{min-width:0;padding:var(--sa-space-3) 0 0;border:0;border-top:2px solid var(--sa-line);background:0 0;border-radius:0}.shadow-alliance-team-roster-black{border-top-color:var(--sa-black-team)}.shadow-alliance-team-roster-white{border-top-color:var(--sa-white-team)}.shadow-alliance-team-roster-heading,.shadow-alliance-team-roster-label{align-items:center;display:flex}.shadow-alliance-team-roster-heading{justify-content:space-between;gap:8px}.shadow-alliance-team-roster-label{gap:8px;min-width:0}.shadow-alliance-team-roster-label h3{font-family:var(--sa-font-display);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:20px;line-height:1.2;overflow:hidden}.shadow-alliance-team-roster-black .shadow-alliance-team-roster-label h3{color:var(--sa-black-team)}.shadow-alliance-team-roster-white .shadow-alliance-team-roster-label h3{color:var(--sa-white-team)}.shadow-alliance-team-roster-heading strong{color:var(--sa-gold);font-size:13px}.shadow-alliance-team-player-list{gap:0 var(--sa-space-2);margin:var(--sa-space-2) 0 0;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));padding:0;list-style:none;display:grid}.shadow-alliance-team-player-list li{border-bottom:1px solid var(--sa-line-soft);align-items:center;gap:7px;min-width:0;min-height:42px;padding:7px 0;display:flex}.shadow-alliance-team-player-list li>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.shadow-alliance-team-player-list .shadow-alliance-icon-button{flex:none}.shadow-alliance-team-empty{color:var(--sa-muted);margin:12px 0 0;font-size:12px;line-height:1.5}.shadow-alliance-player-list{gap:7px;margin:16px 0 0;padding:0;list-style:none;display:grid}.shadow-alliance-player-list li{background:#07090d6b;border:1px solid #343a4acc;gap:9px;min-height:36px;padding:7px 9px}.shadow-alliance-player-list li span:nth-child(2){flex:1}.shadow-alliance-player-list li b{color:var(--sa-gold);font-size:13px}.shadow-alliance-player-list.compact{max-height:340px;overflow:auto}.shadow-alliance-round-controls .shadow-alliance-player-list.compact{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.shadow-alliance-round-controls .shadow-alliance-action-row{justify-content:flex-end}.shadow-alliance-round-controls{transform:translateY(calc(-1*clamp(72px,15vh,144px)))}.shadow-alliance-team{border-radius:50%;flex:none;width:10px;height:10px}.shadow-alliance-team-black{background:var(--sa-black-team)}.shadow-alliance-team-white{background:var(--sa-white-team)}.shadow-alliance-button,.shadow-alliance-icon-button{border-radius:var(--sa-radius-control);min-height:38px;padding:8px var(--sa-space-2);cursor:pointer;font:inherit;border:1px solid #0000;font-size:14px;font-weight:700}.shadow-alliance-button.primary{color:#16130d;background:var(--sa-gold)}.shadow-alliance-button.secondary,.shadow-alliance-icon-button{border-color:var(--sa-line);color:var(--sa-text);background:0 0}.shadow-alliance-button.danger{color:#f1b0b0;background:#8e5c5c1f;border-color:#8e5c5c}.shadow-alliance-button.shadow-alliance-end-game-button{color:#f1b0b0;background:#8e5c5c1f;border-color:#8e5c5c;border-radius:4px;min-height:0;padding:7px 10px;font-size:12px;font-weight:400}.shadow-alliance-button.shadow-alliance-end-game-button:hover:not(:disabled){color:#ffd0d0;background:#8e5c5c3d;border-color:#d87878}.shadow-alliance-button:hover:not(:disabled),.shadow-alliance-icon-button:hover:not(:disabled){border-color:var(--sa-gold);transform:translateY(-1px)}.shadow-alliance-button:active:not(:disabled),.shadow-alliance-icon-button:active:not(:disabled){transform:translateY(0)}.shadow-alliance-button:focus-visible,.shadow-alliance-icon-button:focus-visible,.shadow-alliance-guide-pagination button:focus-visible,.shadow-alliance-field select:focus-visible,.shadow-alliance-check input:focus-visible{outline:2px solid var(--sa-gold);outline-offset:3px}.shadow-alliance-button:disabled{cursor:not-allowed;opacity:.45}.shadow-alliance-icon-button{min-height:28px;color:var(--sa-muted);padding:2px 8px}.shadow-alliance-action-row{gap:var(--sa-space-1);margin-top:var(--sa-space-3);flex-wrap:wrap}.shadow-alliance-roster .shadow-alliance-action-row{padding-top:var(--sa-space-3);border-top:1px solid var(--sa-line-soft)}.shadow-alliance-start{grid-area:start;justify-self:end;min-width:260px;margin-top:-4px}.shadow-alliance-round-focus{text-align:center;align-content:center;justify-items:center;gap:12px;min-height:clamp(320px,52vh,480px);padding:36px 24px;display:grid;transform:translateY(calc(-1*clamp(72px,15vh,144px)))}.shadow-alliance-command-label{color:var(--sa-muted);font-size:14px}.shadow-alliance-round-focus>strong,.shadow-alliance-student-command{color:var(--sa-gold);font-family:var(--sa-font-display);font-size:clamp(88px,18vw,170px);font-weight:700;line-height:.9}.shadow-alliance-timer{color:var(--sa-text);font-variant-numeric:tabular-nums;font-size:30px}.shadow-alliance-result-panel,.shadow-alliance-ranking-panel{gap:15px;max-width:1120px;margin:16px auto 0;display:grid}.shadow-alliance-result-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.shadow-alliance-result-grid span{color:var(--sa-muted);background:var(--sa-panel-soft);gap:4px;padding:11px;font-size:13px;display:grid}.shadow-alliance-result-grid b{color:var(--sa-text);font-size:18px}.shadow-alliance-reveal-page{align-content:center;gap:var(--sa-space-4);background:0 0;max-width:1120px;min-height:calc(100dvh - 150px);margin:0 auto;padding:24px 0 48px;display:grid}.shadow-alliance-reveal-page>.shadow-alliance-button{justify-self:center;width:fit-content}.shadow-alliance-reveal-heading,.shadow-alliance-reveal-current,.shadow-alliance-reveal-team,.shadow-alliance-reveal-winner,.shadow-alliance-reveal-note{text-align:center}.shadow-alliance-reveal-heading{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.shadow-alliance-reveal-heading h2{color:var(--sa-text);margin-top:5px;font-size:clamp(24px,4vw,38px)}.shadow-alliance-reveal-round-mark{color:var(--sa-gold);letter-spacing:.08em;white-space:nowrap;font-size:12px}.shadow-alliance-reveal-status{border-top:1px solid var(--sa-line-soft);border-bottom:1px solid var(--sa-line-soft);align-items:center;min-height:128px;display:grid}.shadow-alliance-reveal-log{gap:7px;width:min(100%,720px);margin:0 auto;display:grid}.shadow-alliance-reveal-log p,.shadow-alliance-reveal-current{color:var(--sa-muted);font-family:var(--sa-font-mono);letter-spacing:.02em;font-size:clamp(13px,1.7vw,17px)}.shadow-alliance-reveal-log p{opacity:.45}.shadow-alliance-reveal-log p.is-current,.shadow-alliance-reveal-current{color:var(--sa-gold);text-shadow:0 0 22px #e4c77847}.shadow-alliance-reveal-log p span,.shadow-alliance-reveal-current span{color:var(--sa-gold);margin-right:8px}.shadow-alliance-reveal-current{animation:1.8s ease-in-out infinite shadow-alliance-reveal-pulse}.shadow-alliance-reveal-team-grid{gap:var(--sa-space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.shadow-alliance-reveal-team{border:1px solid var(--sa-line);opacity:0;filter:brightness(.12);background:#08090db8;border-top-width:3px;align-content:center;place-items:center;gap:8px;min-height:188px;padding:24px;transition:opacity 1.1s,filter 1.1s,transform 1.1s,box-shadow .7s;display:grid;transform:scale(.96)}.shadow-alliance-reveal-team-black{border-top-color:var(--sa-black-team)}.shadow-alliance-reveal-team-white{border-top-color:var(--sa-white-team)}.shadow-alliance-reveal-team.is-visible{opacity:1;filter:brightness();transform:scale(1)}.shadow-alliance-reveal-team.is-winner{border-color:var(--sa-gold);box-shadow:0 0 0 2px var(--sa-gold), 0 0 42px #e4c7783d}.shadow-alliance-reveal-team.is-loser{filter:grayscale(.65)brightness(.68)}.shadow-alliance-reveal-team h3{font-family:var(--sa-font-display);font-size:20px}.shadow-alliance-reveal-team-black h3{color:var(--sa-black-team)}.shadow-alliance-reveal-team-white h3{color:var(--sa-white-team)}.shadow-alliance-reveal-team strong{color:var(--sa-text);font-family:var(--sa-font-mono);font-size:clamp(38px,6vw,64px);line-height:1}.shadow-alliance-reveal-team p{color:var(--sa-muted);font-size:13px}.shadow-alliance-reveal-team p b{color:var(--sa-text);font-family:var(--sa-font-mono)}.shadow-alliance-reveal-winner{color:var(--sa-gold);font-family:var(--sa-font-display);letter-spacing:.04em;text-shadow:0 0 30px #e4c77847;font-size:clamp(28px,5vw,48px);font-weight:700;animation:.7s cubic-bezier(.2,1.4,.4,1) both shadow-alliance-reveal-winner}.shadow-alliance-reveal-winner.is-tie{color:var(--sa-muted)}.shadow-alliance-reveal-winner small{color:var(--sa-muted);font-family:var(--sa-font-body);letter-spacing:0;margin-top:6px;font-size:13px;font-weight:400;display:block}.shadow-alliance-reveal-note{color:var(--sa-muted);font-size:13px}.shadow-alliance-postround-page{align-content:center;justify-items:center;gap:var(--sa-space-4);max-width:760px;min-height:calc(100dvh - 150px);margin:0 auto;padding:24px 0 48px;display:grid}.shadow-alliance-postround-page>*{width:100%}.shadow-alliance-postround-shell{place-items:center;padding:clamp(24px,5vw,72px);display:grid}.shadow-alliance-postround-shell .shadow-alliance-postround-page{width:min(100%,760px);max-width:none;min-height:0;padding:0}.shadow-alliance-postround-summary{padding-bottom:var(--sa-space-3);border-bottom:1px solid var(--sa-line-soft);text-align:center}.shadow-alliance-postround-summary h2{color:var(--sa-gold);margin-top:6px;font-size:clamp(28px,5vw,44px)}.shadow-alliance-postround-card{gap:var(--sa-space-3);border:1px solid var(--sa-line);border-radius:var(--sa-radius-panel);background:var(--sa-panel);box-shadow:var(--sa-shadow-panel);padding:20px;display:grid}.shadow-alliance-numbers-strip{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.shadow-alliance-numbers-strip span{border:1px solid var(--sa-gold);border-radius:var(--sa-radius-control);min-width:54px;color:var(--sa-gold);font-family:var(--sa-font-mono);text-align:center;background:#e4c77814;padding:9px 13px;font-weight:700}.shadow-alliance-postround-note{color:var(--sa-muted);text-align:center;font-size:13px}.shadow-alliance-postround-ranking{gap:7px;margin:0;padding:0;list-style:none;display:grid}.shadow-alliance-postround-ranking li{border-bottom:1px solid var(--sa-line-soft);align-items:center;gap:10px;padding:11px 12px;display:flex}.shadow-alliance-postround-ranking li:last-child{border-bottom:0}.shadow-alliance-postround-ranking li.is-secret{color:var(--sa-gold);background:#e4c7780f}.shadow-alliance-postround-rank{width:24px;color:var(--sa-gold);text-align:center;font-weight:700}.shadow-alliance-postround-name{flex:1;font-weight:700}.shadow-alliance-postround-name small{color:var(--sa-muted);margin-top:2px;font-size:11px;font-weight:400;display:block}.shadow-alliance-postround-ranking li>strong{color:var(--sa-gold);font-family:var(--sa-font-mono)}.shadow-alliance-postround-page>.shadow-alliance-button{justify-self:center;width:fit-content}@keyframes shadow-alliance-reveal-pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes shadow-alliance-reveal-winner{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.shadow-alliance-ranking-panel ol{gap:7px;margin:0;padding:0;list-style:none;display:grid}.shadow-alliance-ranking-panel li{background:var(--sa-panel-soft);gap:10px;padding:10px}.shadow-alliance-ranking-panel li>span{width:24px;color:var(--sa-gold);font-weight:700}.shadow-alliance-ranking-panel li b{flex:1}.shadow-alliance-new-game{justify-self:end;width:fit-content}.shadow-alliance-student{--sa-black:#0a0a0c;--sa-panel:#121217;--sa-panel-soft:#171720;--sa-line:#2a2a33;--sa-line-soft:#2a2a33b8;--sa-text:#f4f1ea;--sa-muted:#8a8a93;--sa-muted-2:#5c5c66;--sa-gold:#c9a24b;--sa-gold-bright:#e8c878;--sa-gold-dim:#7a6430;--sa-black-team:#9aa0ad;--sa-white-team:#e6e2d6;--sa-shadow-panel:0 18px 50px #0000008c;isolation:isolate;background:var(--sa-black);width:100%;max-width:none;min-height:calc(100dvh - 84px);margin:0;padding:18px;position:relative;overflow:hidden}.shadow-alliance-student:before,.shadow-alliance-student:after{z-index:-1;content:"";pointer-events:none;position:absolute;inset:0}.shadow-alliance-student:before{background:radial-gradient(900px 600px at 80% -10%,#c9a24b1a,#0000 60%),radial-gradient(700px 500px at -10% 100%,#c9a24b0f,#0000 60%)}.shadow-alliance-student:after{opacity:.52;background:repeating-linear-gradient(0deg,#ffffff03 0 1px,#0000 1px 3px)}.shadow-alliance-student-shell{z-index:1;flex-direction:column;width:min(100%,480px);min-height:calc(100dvh - 120px);margin:0 auto;display:flex;position:relative}
.shadow-alliance-join-shell{text-align:center;justify-content:center;align-items:center}.shadow-alliance-join-mark{border:1px solid var(--sa-gold-dim);width:90px;height:90px;color:var(--sa-gold-bright);font-family:var(--sa-font-display);border-radius:50%;place-items:center;margin-bottom:20px;font-size:54px;line-height:1;display:grid;box-shadow:0 0 34px #c9a24b24}.shadow-alliance-join-title{color:var(--sa-gold-bright);font-family:var(--sa-font-body);letter-spacing:.3em;font-size:22px;font-weight:800}.shadow-alliance-student-reveal-row{gap:8px;margin-bottom:16px;display:flex}.shadow-alliance-student-peek{border:1px solid var(--sa-line);min-width:0;min-height:48px;color:var(--sa-muted);cursor:pointer;font-family:var(--sa-font-body);text-align:center;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;touch-action:none;background:#0e0e13;border-radius:10px;flex:1;padding:12px 6px;font-size:13px;font-weight:700;line-height:1.2;transition:all .12s;overflow:hidden}.shadow-alliance-student-peek:hover,.shadow-alliance-student-peek:focus-visible{border-color:var(--sa-gold-dim);color:var(--sa-text)}.shadow-alliance-student-peek:focus-visible{outline:2px solid var(--sa-gold);outline-offset:2px}.shadow-alliance-student-peek.is-on{border-color:var(--sa-gold-bright);color:#1a1407;background:linear-gradient(180deg, var(--sa-gold-bright), var(--sa-gold));font-weight:800;transform:scale(.98)}.shadow-alliance-student-card{border:1px solid var(--sa-line);background:linear-gradient(180deg, var(--sa-panel), var(--sa-panel-soft));min-height:390px;box-shadow:var(--sa-shadow-panel);border-radius:14px;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.shadow-alliance-student-card:before{content:"";pointer-events:none;-webkit-mask-composite:xor;background:linear-gradient(140deg,#c9a24b80,#0000 38% 62%,#c9a24b38);border-radius:14px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.shadow-alliance-student .shadow-alliance-eyebrow{color:var(--sa-gold);font-family:var(--sa-font-mono);letter-spacing:.42em;font-size:11px;font-weight:700}.shadow-alliance-student-command-panel{text-align:center;justify-items:center;padding:24px 16px;display:grid}.shadow-alliance-student-command-panel.is-lobby,.shadow-alliance-student-command-panel.is-revealing{margin:auto 0}.shadow-alliance-student-command{color:#0000;background:linear-gradient(180deg, #fff, var(--sa-gold-bright), var(--sa-gold));font-family:var(--sa-font-display);text-shadow:none;-webkit-background-clip:text;background-clip:text;margin-top:10px;font-size:clamp(64px,18vw,74px);font-weight:900;line-height:1}.shadow-alliance-student-command.is-small{font-size:clamp(48px,14vw,54px)}.shadow-alliance-student-notice{color:var(--sa-muted);font-family:var(--sa-font-body);margin:14px 0 0;font-size:12px;line-height:1.7}.shadow-alliance-student-notice.is-centered{text-align:center}.shadow-alliance-student-timer{margin-top:8px}.shadow-alliance-student-input-area{gap:14px;margin-top:auto;padding:20px 16px 18px;display:grid}.shadow-alliance-student .shadow-alliance-answer-form{gap:14px;width:100%;display:grid}.shadow-alliance-student-input-label{color:var(--sa-muted);font-family:var(--sa-font-body);text-align:center;font-size:12px;font-weight:700}.shadow-alliance-student .shadow-alliance-answer-form input{border:1px solid var(--sa-line);width:100%;color:var(--sa-text);font-family:var(--sa-font-mono);letter-spacing:.1em;text-align:center;background:#0d0d11;border-radius:9px;outline:none;padding:18px;font-size:40px;font-weight:700}.shadow-alliance-student .shadow-alliance-answer-form input:focus{border-color:var(--sa-gold);box-shadow:0 0 0 1px #c9a24b2e}.shadow-alliance-student .shadow-alliance-answer-form input::placeholder{color:var(--sa-muted-2)}.shadow-alliance-student .shadow-alliance-button{border:1px solid var(--sa-gold-dim);min-height:46px;color:var(--sa-gold-bright);font-family:var(--sa-font-body);letter-spacing:.04em;background:#16151a;border-radius:10px;padding:12px 20px;font-size:15px;font-weight:700}.shadow-alliance-student .shadow-alliance-button.primary{border-color:var(--sa-gold-bright);color:#1a1407;background:linear-gradient(180deg, var(--sa-gold-bright), var(--sa-gold));font-weight:800}.shadow-alliance-student .shadow-alliance-button.ghost{border-color:var(--sa-line);color:var(--sa-muted);background:0 0}.shadow-alliance-student .shadow-alliance-button:hover:not(:disabled){border-color:var(--sa-gold);box-shadow:0 0 0 1px #c9a24b33}.shadow-alliance-student .shadow-alliance-button.primary:hover:not(:disabled){filter:brightness(1.08)}.shadow-alliance-wide-button{width:100%}.shadow-alliance-student-submitted-panel{text-align:center;padding:30px 16px}.shadow-alliance-student-submitted-big{color:var(--sa-gold-bright);font-family:var(--sa-font-display);letter-spacing:.1em;margin-bottom:8px;font-size:30px;font-weight:700}.shadow-alliance-student-submitted-panel b{color:var(--sa-gold-bright);font-family:var(--sa-font-mono);font-size:18px}.shadow-alliance-student-result-panel{text-align:center;justify-items:center;margin:auto 0;padding:30px 16px;display:grid}.shadow-alliance-gain-pop{color:var(--sa-gold-bright);font-family:var(--sa-font-display);text-shadow:0 0 40px #c9a24b80;margin-top:8px;font-size:clamp(40px,12vw,80px);font-weight:900;line-height:1.1;animation:1s cubic-bezier(.2,1.4,.3,1) both shadow-alliance-gain-pop}.shadow-alliance-gain-pop.is-rank{font-size:54px}.shadow-alliance-student-result-note{margin-top:18px}.shadow-alliance-student-rule{background:linear-gradient(90deg, transparent, var(--sa-gold-dim), transparent);width:100%;height:1px;margin:18px 0}.shadow-alliance-student-final-team-value{color:var(--sa-gold-bright);font-family:var(--sa-font-body);margin-top:8px;font-size:24px;font-weight:700}.shadow-alliance-student-connection-state{color:var(--sa-muted-2);font-family:var(--sa-font-mono);text-align:center;margin:10px 0 0;font-size:10px}.shadow-alliance-student-connection-state.is-offline{color:#e9a6a6}.shadow-alliance-student-connection-state.is-reconnecting{color:var(--sa-gold)}.shadow-alliance-student-exit{align-self:center;margin-top:12px;min-height:38px!important;padding:7px 12px!important;font-size:12px!important}@keyframes shadow-alliance-gain-pop{0%{opacity:0;transform:scale(.3)translateY(30px)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media (max-width:760px){.shadow-alliance-game{min-height:calc(100dvh - 72px);padding:18px 14px}.shadow-alliance-game h1{font-size:26px}.shadow-alliance-teacher-grid,.shadow-alliance-round-layout{grid-template-columns:1fr}.shadow-alliance-teacher-grid{grid-template-areas:"guide""roster""settings""start"}.shadow-alliance-roster{grid-row:auto}.shadow-alliance-settings{border-top:1px solid var(--sa-line-soft);padding:var(--sa-space-4) 0 0;border-left:0}.shadow-alliance-team-roster-grid{grid-template-columns:1fr}.shadow-alliance-lobby-guide{grid-column:1;min-height:360px}.shadow-alliance-guide-content{grid-template-columns:1fr;gap:12px}.shadow-alliance-guide-number{font-size:58px}.shadow-alliance-guide-body p{font-size:18px}.shadow-alliance-guide-keep{white-space:normal}.shadow-alliance-round-focus{min-height:290px}.shadow-alliance-round-controls{transform:translateY(calc(-1*clamp(28px,6vh,56px)))}.shadow-alliance-result-grid{grid-template-columns:repeat(2,1fr)}.shadow-alliance-reveal-page{min-height:0;padding:18px 14px 28px}.shadow-alliance-postround-page{min-height:0;padding:18px 0 28px}.shadow-alliance-postround-shell{padding:18px 14px 28px;display:block}.shadow-alliance-postround-shell .shadow-alliance-postround-page{padding:0}.shadow-alliance-reveal-heading{flex-direction:column;align-items:flex-start}.shadow-alliance-reveal-round-mark{align-self:flex-end}.shadow-alliance-reveal-team-grid{grid-template-columns:1fr}.shadow-alliance-topbar{align-items:flex-start}.shadow-alliance-topbar-status{justify-content:flex-start;margin-left:0}.shadow-alliance-start{justify-self:stretch;min-width:0}}@media (prefers-reduced-motion:reduce){.shadow-alliance-button,.shadow-alliance-icon-button,.shadow-alliance-reveal-team,.shadow-alliance-reveal-current{transition:none;animation:none}.shadow-alliance-reveal-winner,.shadow-alliance-reveal-log p,.shadow-alliance-gain-pop{animation:none}}body:has(.shadow-alliance-game) .app-footer{display:none!important}.board-page[data-board-category=PLAY] .shadow-alliance-board,.board-page[data-board-category=PLAY] .shadow-alliance-game{min-height:100dvh}

.student-page-portfolio-shell{max-width:none;margin:0;padding:0}.portfolio-page-header{border-bottom:1px solid var(--color-border);background:var(--color-bg-alt);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.portfolio-page-header-left{align-items:center;gap:12px;min-width:0;display:flex}.portfolio-page-header-actions{gap:8px;display:flex}.portfolio-page-back{color:var(--color-text);border-radius:6px;padding:4px 10px;font-size:1.25rem;line-height:1;text-decoration:none}.portfolio-page-back:hover{background:var(--color-surface-alt)}.portfolio-page-title{letter-spacing:-.3px;margin:0;font-size:1.25rem;font-weight:700}.portfolio-header-btn{border:1px solid var(--color-border);border-radius:var(--radius-btn,4px);background:var(--color-surface);color:var(--color-text);cursor:pointer;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.portfolio-header-btn:hover{background:var(--color-surface-alt);border-color:var(--color-border-hover)}.portfolio-header-btn[aria-pressed=true]{background:var(--color-accent-tinted-bg);color:var(--color-accent-tinted-text);border-color:var(--color-accent-tinted-text)}.portfolio-page{background:var(--color-bg);min-height:480px;position:relative}.portfolio-page.is-mobile{display:flex}.portfolio-page.is-empty{place-items:center;padding:48px 16px;display:block}.portfolio-page.is-mobile.is-detail .portfolio-roster{display:none}.portfolio-roster{background:var(--color-surface);flex-direction:column;flex:auto;padding:12px 8px;display:flex;overflow:hidden auto}.portfolio-roster.is-drawer{width:clamp(280px,28%,360px);z-index:var(--z-nav-overlay,2147480000);border-right:1px solid var(--color-border);transition:transform .26s cubic-bezier(.32,.72,0,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:8px 0 24px #00000014}.portfolio-roster.is-drawer.is-open{transform:translate(0)}.portfolio-roster-backdrop{opacity:0;pointer-events:none;z-index:var(--z-nav-overlay-backdrop,2147480000);background:#0006;transition:opacity .22s;position:fixed;inset:0}.portfolio-roster-backdrop.is-open{opacity:1;pointer-events:auto}@media (max-width:767px){.portfolio-roster-backdrop{display:none}}.portfolio-roster-head{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:baseline;margin-bottom:8px;padding:0 8px 8px;display:flex}.portfolio-roster-title{margin:0;font-size:.95rem;font-weight:600}.portfolio-roster-count{color:var(--color-text-faint);font-size:.75rem}.portfolio-roster-empty{color:var(--color-text-muted);padding:16px 8px;font-size:.875rem}.portfolio-roster-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.portfolio-roster-item{width:100%;min-height:48px;color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;grid-template:"num name""num meta"/28px minmax(0,1fr);align-items:center;gap:1px 10px;padding:8px 12px;transition:background .1s;display:grid}.portfolio-roster-item:hover{background:var(--color-surface-alt)}.portfolio-roster-item.is-selected{background:var(--color-accent-tinted-bg);color:var(--color-accent-tinted-text)}.portfolio-roster-item.is-self .portfolio-roster-name{font-weight:700}.portfolio-roster-item:focus-visible{outline:2px solid var(--color-accent-tinted-text);outline-offset:-2px}.portfolio-roster-num{color:var(--color-text-faint);text-align:right;font-variant-numeric:tabular-nums;grid-area:num;align-self:center;font-size:.85rem}.portfolio-roster-name{text-overflow:ellipsis;white-space:nowrap;grid-area:name;align-items:center;gap:5px;min-width:0;font-size:.92rem;font-weight:500;display:flex;overflow:hidden}.portfolio-roster-meta{color:var(--color-text-faint);font-variant-numeric:tabular-nums;grid-area:meta;align-items:center;gap:8px;font-size:.72rem;display:flex}.portfolio-roster-meta-empty{color:var(--color-text-faint);opacity:.6}.portfolio-roster-self-dot{flex-shrink:0;font-size:.7rem;line-height:1}.portfolio-roster-showcase{color:var(--color-showcase);align-items:center;gap:2px;display:inline-flex}.portfolio-main{background:#eaf6ff;flex:auto;min-width:0;padding:20px 24px;overflow-y:auto}.portfolio-roster-close{border:1px solid var(--color-border);cursor:pointer;width:28px;height:28px;color:var(--color-text-muted);background:0 0;border-radius:6px;place-items:center;font-size:1rem;line-height:1;display:grid}.portfolio-roster-close:hover{background:var(--color-surface-alt);color:var(--color-text)}.portfolio-mobile-back{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:6px;align-items:center;gap:4px;margin-bottom:12px;padding:6px 10px;font-size:.875rem;display:inline-flex}.portfolio-student-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.portfolio-student-head h2{margin:0;font-size:1.1rem;font-weight:600}.portfolio-student-head-actions{flex:none}.portfolio-grid{columns:240px;column-gap:24px}.portfolio-grid>*{break-inside:avoid;margin-bottom:24px}.portfolio-empty{text-align:center;color:var(--color-text-muted);padding:48px 16px}.portfolio-empty p{margin:0 0 12px}.portfolio-empty-cta{background:var(--color-accent);color:#fff;border-radius:6px;padding:8px 16px;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-block}.portfolio-empty-cta:hover{background:var(--color-accent-active)}.portfolio-student-skeleton{grid-template-columns:repeat(auto-fill,240px);gap:16px;display:grid}.portfolio-card-skeleton{border-radius:var(--radius-card);background:#fff 0 0/200% 100%;height:160px;animation:1.6s ease-in-out infinite portfolio-skeleton-shimmer}@keyframes portfolio-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.portfolio-card{cursor:pointer;position:relative}:is(.portfolio-card:has(.card-attachments),.showcase-chip:has(.card-attachments)){padding-top:0;overflow:hidden}:is(.portfolio-card:has(.card-attachments) .card-attachments,.showcase-chip:has(.card-attachments) .card-attachments){margin:0 -18px 14px}.portfolio-card .card-attachments>:first-child,.portfolio-card .card-attach-image,.portfolio-card .card-attach-video,.portfolio-card .card-link-preview,.portfolio-card .card-canva-slot-frame,.showcase-chip .card-attachments>:first-child,.showcase-chip .card-attach-image,.showcase-chip .card-attach-video,.showcase-chip .card-link-preview,.showcase-chip .card-canva-slot-frame,.portfolio-card .card-attach-image.optimized-img-wrap,.portfolio-card .card-link-preview-image.optimized-img-wrap,.showcase-chip .card-attach-image.optimized-img-wrap,.showcase-chip .card-link-preview-image.optimized-img-wrap{border-radius:var(--radius-card) var(--radius-card) 0 0!important;overflow:hidden!important}.portfolio-card .card-attach-image.optimized-img-wrap img,.portfolio-card .card-link-preview-image.optimized-img-wrap img,.portfolio-card .card-canva-slot-thumbnail,.showcase-chip .card-attach-image.optimized-img-wrap img,.showcase-chip .card-link-preview-image.optimized-img-wrap img,.showcase-chip .card-canva-slot-thumbnail{border-radius:inherit}.portfolio-card:focus-visible{outline:2px solid var(--color-accent-tinted-text);outline-offset:2px}.portfolio-card.is-showcased-mine{box-shadow:0 0 0 2px var(--color-showcase), var(--shadow-card)}.portfolio-card-badge{background:var(--color-showcase);color:#fff;pointer-events:none;z-index:2;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.8rem;display:grid;position:absolute;top:8px;left:8px;box-shadow:0 1px 4px #0000002e}.portfolio-card .card-engagement-chips{margin-top:10px}.portfolio-card a,.portfolio-card button{pointer-events:none}.portfolio-card .card-engagement-chips,.portfolio-card .card-engagement-chips button,.portfolio-card .card-ctx-menu,.portfolio-card .card-ctx-menu button{pointer-events:auto}.portfolio-card-menu{z-index:3}.showcase-strip{box-shadow:none;background:#eaf6ff;border:0;border-radius:0;margin:20px 0;padding:18px 4px 14px}.showcase-strip-head{justify-content:space-between;align-items:center;gap:12px;padding:0 16px 12px;display:flex}.showcase-strip-title{letter-spacing:-.01em;color:var(--color-text);align-items:center;gap:10px;margin:0;font-size:1.125rem;font-weight:800;line-height:1;display:inline-flex}.showcase-strip-title svg{filter:drop-shadow(0 1px 1.5px #f59e0b4d);flex-shrink:0}.showcase-strip-head h2,.showcase-strip-head h3{margin:0;font-size:1rem;font-weight:600}.showcase-strip-more{color:var(--color-accent);white-space:nowrap;font-size:.875rem;font-weight:600;text-decoration:none}.showcase-strip-more:hover{color:var(--color-accent-active)}.showcase-strip-row{scroll-snap-type:x mandatory;gap:24px;padding:4px 16px 8px;scroll-padding:16px;display:flex;overflow-x:auto}.showcase-strip-row::-webkit-scrollbar{height:6px}.showcase-strip-row::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.showcase-chip{cursor:pointer;scroll-snap-align:start;flex:none;position:relative}.showcase-chip:focus-visible{outline:2px solid var(--color-accent-tinted-text);outline-offset:2px}.showcase-chip-badge{z-index:3;background:var(--color-showcase);color:#fff;pointer-events:none;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.85rem;display:grid;position:absolute;top:8px;left:8px;box-shadow:0 1px 3px #0000002e}.showcase-chip .card-engagement-chips{margin-top:10px}.showcase-chip a,.showcase-chip button,.showcase-chip .card-link-preview{pointer-events:none}.showcase-chip .card-engagement-chips,.showcase-chip .card-engagement-chips button{pointer-events:auto}.showcase-chip-skeleton{border-radius:var(--radius-card);background:var(--color-surface-alt);flex:none;width:240px;height:160px;animation:1.6s ease-in-out infinite portfolio-skeleton-shimmer}.showcase-gallery{background:#eaf6ff;padding:24px}.showcase-gallery-grid{grid-template-columns:repeat(auto-fill,240px);justify-content:start;align-items:start;gap:24px;display:grid}.showcase-gallery-grid .showcase-chip{flex:none}.portfolio-page-meta{color:var(--color-text-muted);font-size:.85rem;font-weight:500}.portfolio-empty-hint{color:var(--color-text-faint);margin-top:8px;font-size:.85rem}.showcase-limit-modal{background:var(--color-surface);border-radius:12px;width:min(480px,92vw);max-height:80vh;padding:24px;position:relative;overflow-y:auto;box-shadow:0 8px 24px #0003}.showcase-limit-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.showcase-limit-head h3{margin:0;font-size:1.1rem;font-weight:600}.showcase-limit-msg{color:var(--color-text-muted);margin:0 0 16px;font-size:.9rem}.showcase-limit-list{flex-direction:column;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.showcase-limit-item{border:1px solid var(--color-border);cursor:pointer;border-radius:6px;grid-template-columns:24px 64px 1fr;align-items:center;gap:12px;padding:8px 12px;transition:border-color .1s;display:grid}.showcase-limit-item:hover{border-color:var(--color-border-hover)}.showcase-limit-item:has(input:checked){border-color:var(--color-accent);background:var(--color-accent-tinted-bg)}.showcase-limit-thumb{background:var(--color-surface-alt);border-radius:4px;place-items:center;width:64px;height:48px;display:grid;overflow:hidden}.showcase-limit-thumb img{object-fit:cover;width:100%;height:100%}.showcase-limit-thumb-placeholder{color:var(--color-text-faint);font-size:1.25rem}.showcase-limit-meta{gap:2px;min-width:0;display:grid}.showcase-limit-meta strong{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.showcase-limit-meta span{color:var(--color-text-muted);font-size:.75rem}.showcase-limit-foot{justify-content:flex-end;gap:8px;display:flex}.student-portfolio-cta-row{margin:16px 0}.student-portfolio-cta{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:6px;padding:8px 14px;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-block}.student-portfolio-cta:hover{border-color:var(--color-border-hover);background:var(--color-surface-alt)}.parent-child-selector{align-items:center;gap:8px;display:inline-flex}.parent-child-selector-label{color:var(--color-text-muted);font-size:.75rem}.parent-child-selector select{border:1px solid var(--color-border);background:var(--color-surface);border-radius:6px;padding:6px 10px;font-size:.875rem}@media (max-width:767px){.portfolio-page{grid-template-columns:1fr}.portfolio-roster{border-right:0;border-bottom:1px solid var(--color-border);max-height:none}.portfolio-grid{columns:240px}.portfolio-student-skeleton,.showcase-gallery-grid{grid-template-columns:repeat(auto-fill,240px);justify-content:center}}
.parent-child-chip-wrap{display:inline-block;position:relative}.parent-child-chip{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:default;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.95rem;font-weight:600;display:inline-flex}.parent-child-chip.is-button{cursor:pointer;transition:background .1s}.parent-child-chip.is-button:hover{background:var(--color-surface-alt)}.parent-child-chip.is-button:focus-visible{outline:2px solid var(--color-accent-tinted-text);outline-offset:2px}.parent-child-chip-name{font-weight:700}.parent-child-chip-meta{color:var(--color-text-muted);font-size:.8rem;font-weight:500}.parent-child-chip-caret{color:var(--color-text-faint);margin-left:2px;font-size:.65rem}.parent-child-dropdown{z-index:var(--z-nav-popover,2147480000);background:var(--color-surface);border:1px solid var(--color-border);min-width:240px;box-shadow:var(--shadow-card);border-radius:8px;margin:0;padding:6px 0;list-style:none;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden}.parent-child-dropdown-item{cursor:pointer;width:100%;color:var(--color-text);text-align:left;background:0 0;border:0;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;text-decoration:none;transition:background .1s;display:grid}.parent-child-dropdown-item:hover{background:var(--color-surface-alt)}.parent-child-dropdown-item.is-selected{background:var(--color-accent-tinted-bg);color:var(--color-accent-tinted-text)}.parent-child-dropdown-check{width:14px;color:var(--color-success-text,var(--color-accent));justify-content:center;align-items:center;font-size:.7rem;display:inline-flex}.parent-child-dropdown-name{font-weight:600}.parent-child-dropdown-meta{color:var(--color-text-muted);font-size:.75rem}.parent-child-dropdown-divider{background:var(--color-border);height:1px;margin:4px 0}.parent-child-dropdown-add{color:var(--color-accent);grid-template-columns:none;align-items:center;gap:8px;font-weight:600;display:inline-flex}.parent-pending-panel{border:1px solid var(--color-border);max-width:720px;color:var(--color-text);background:#fff;border-radius:16px;margin:16px auto 0;padding:20px;box-shadow:0 10px 30px #0f172a14}.parent-pending-panel.is-compact{max-width:none;margin:12px 0 18px}.parent-pending-panel-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.parent-pending-kicker{color:var(--color-accent);letter-spacing:0;margin:0 0 4px;font-size:.78rem;font-weight:800}.parent-pending-panel h2{margin:0;font-size:1.18rem;line-height:1.25}.parent-pending-help{color:var(--color-text-muted);margin:10px 0 16px;font-size:.92rem;line-height:1.55}.parent-pending-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.parent-pending-item{background:#ffffffd6;border:1px solid #0f172a14;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 16px;padding:14px;display:grid}.parent-pending-main{flex-wrap:wrap;align-items:center;gap:6px 8px;min-width:0;display:flex}.parent-pending-main strong{font-size:.98rem}.parent-pending-main span:last-child{color:var(--color-text-muted);font-size:.86rem}.parent-pending-status{background:var(--color-warning-bg,#fff7ed);min-height:24px;color:var(--color-warning-text,#9a3412);border-radius:999px;align-items:center;padding:0 9px;font-size:.76rem;font-weight:800;display:inline-flex}.parent-pending-meta{color:var(--color-text-muted);flex-wrap:wrap;grid-column:1/2;gap:4px 10px;font-size:.78rem;display:flex}.parent-pending-cancel{border:1px solid var(--color-border);background:var(--color-surface);min-height:36px;color:var(--color-text);cursor:pointer;border-radius:10px;grid-area:1/2/span 2/3;padding:0 12px;font-size:.82rem;font-weight:700}.parent-pending-cancel:hover:not(:disabled){border-color:var(--color-border-hover);background:var(--color-surface-alt)}.parent-pending-cancel:disabled{opacity:.65;cursor:not-allowed}.parent-pending-error{color:var(--color-danger);margin:12px 0 0;font-size:.82rem}@media (max-width:640px){.parent-pending-panel{border-radius:14px;margin-top:12px;padding:16px}.parent-pending-panel-head,.parent-pending-item{grid-template-columns:1fr}.parent-pending-panel-head{display:grid}.parent-pending-cancel{width:100%}.parent-pending-meta,.parent-pending-cancel{grid-area:auto}}.parent-topnav{z-index:var(--z-topnav,2147480000);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:saturate(150%)blur(8px);background:#f6f5f4f5;justify-content:space-between;align-items:center;gap:16px;padding:14px 32px;display:flex;position:sticky;top:0}.parent-topnav-left{align-items:center;gap:24px;min-width:0;display:flex}.parent-topnav-logo{color:inherit;flex:none;align-items:center;text-decoration:none;display:inline-flex}.parent-topnav-tools{flex:none;justify-content:flex-end;align-items:center;gap:2px;min-width:0;display:inline-flex}.parent-topnav-action{width:44px;height:44px;color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:0;font-size:13px;font-weight:600;line-height:1;text-decoration:none;transition:color .12s;display:inline-flex}.parent-topnav-action:disabled{cursor:wait;opacity:.55}.parent-topnav-account{width:auto;max-width:180px;padding-inline:10px}.parent-topnav-account-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.parent-topnav-action:hover,.parent-topnav-action:focus-visible{color:var(--color-text)}.parent-topnav-action:focus-visible{outline:2px solid var(--color-accent-tinted-text);outline-offset:3px;border-radius:4px}@media (max-width:767px){.parent-topnav{display:none}}@media (min-width:768px) and (max-width:1023px){.parent-topnav-left{flex:auto;overflow:hidden}.parent-topnav-left>.mega-nav{flex:auto}}@media (max-width:900px){.parent-topnav-account{width:44px;padding-inline:0}.parent-topnav-account-name{display:none}}