:root{--black: #08080c;--dark: #111118;--card: #16161f;--border: #28283a;--white: #f0f0f5;--dim: #9494ad;--orange: #ff5722;--orange-light: #ff8a65;--orange-glow: rgba(255, 87, 34, .25);--yellow: #ffeb3b;--green: #00e676;--red: #ff1744;--blue: #448aff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans JP,sans-serif;background:var(--black);color:var(--white);overflow-x:hidden;line-height:1.6}.home{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 24px;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(255,87,34,.12) 0%,transparent 60%),var(--black)}.home-content{text-align:center;max-width:520px;width:100%}.home-badge{display:inline-block;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--orange);border:2px solid var(--orange);padding:8px 24px;margin-bottom:32px;position:relative}.home-badge:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:1px solid rgba(255,87,34,.3)}.home-title{font-family:Noto Sans JP,sans-serif;font-weight:700;font-size:clamp(36px,8vw,72px);line-height:1.1;letter-spacing:4px;margin-bottom:16px}.home-title .line2{white-space:nowrap}.home-title .line1{display:block;color:var(--white)}.home-title .line2{display:block;color:var(--orange)}.home-sub{font-size:16px;color:var(--dim);margin-bottom:48px}.home-sub strong{color:var(--yellow)}.name-input-area{display:flex;flex-direction:column;gap:16px;margin-bottom:48px}.name-input{background:var(--card);border:2px solid var(--border);color:var(--white);font-family:Noto Sans JP,sans-serif;font-size:18px;padding:16px 20px;text-align:center;outline:none;transition:border-color .2s}.name-input::placeholder{color:var(--dim)}.name-input:focus{border-color:var(--orange)}.mode-select{margin-bottom:20px}.mode-select-label{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:2px;color:var(--dim);margin-bottom:12px;text-transform:uppercase}.mode-tabs{display:flex;gap:8px}.mode-tab{background:var(--card);border:2px solid var(--border);padding:12px 8px;flex:1;text-align:center;cursor:pointer;transition:border-color .2s}.mode-tab:hover:not(:disabled){border-color:var(--dim)}.mode-active{border-color:var(--orange);background:#ff57220d}.mode-locked{opacity:.35;cursor:not-allowed}.mode-name{font-family:Noto Sans JP,sans-serif;font-weight:700;font-size:14px;color:var(--white);display:block}.mode-desc{font-size:11px;color:var(--dim);display:block;margin-top:4px}.mode-coming{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:1px;color:var(--dim);display:block;margin-top:4px}.belt-select{margin-bottom:24px}.belt-select-label{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:2px;color:var(--dim);margin-bottom:12px;text-transform:uppercase}.belt-list{display:flex;flex-direction:column;gap:6px}.belt-row{background:var(--card);border:2px solid var(--border);padding:10px 14px;text-align:left;cursor:pointer;transition:border-color .2s,opacity .2s;display:flex;align-items:center;gap:12px}.belt-row:hover:not(:disabled){border-color:var(--dim)}.belt-active{border-color:var(--orange)!important;background:#ff57220d}.belt-locked{opacity:.3;cursor:not-allowed}.belt-color-bar{width:6px;height:32px;flex-shrink:0;border-radius:2px}.belt-white .belt-color-bar{background:#e8e8f0}.belt-yellow .belt-color-bar{background:#fdd835}.belt-orange .belt-color-bar{background:#ff9800}.belt-green .belt-color-bar{background:var(--green)}.belt-blue .belt-color-bar{background:var(--blue)}.belt-brown .belt-color-bar{background:#8d6e63}.belt-black .belt-color-bar{background:var(--white)}.belt-info{display:flex;align-items:baseline;gap:8px;flex-shrink:0;min-width:90px}.belt-name{font-family:Noto Sans JP,sans-serif;font-weight:700;font-size:14px;color:var(--white)}.belt-label{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:1px;color:var(--dim)}.belt-desc{font-size:12px;color:var(--dim);line-height:1.4}.start-button{background:var(--orange);color:var(--white);font-family:Noto Sans JP,sans-serif;font-weight:700;font-size:18px;padding:18px 36px;width:100%;margin-bottom:32px;border:none;cursor:pointer;transition:transform .2s,opacity .2s;position:relative}.start-button:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px solid var(--orange);pointer-events:none}.start-button:hover:not(:disabled){transform:scale(1.03)}.start-button:disabled{opacity:.4;cursor:not-allowed}.home-rules{display:flex;justify-content:center;gap:32px}.rule-item{text-align:center}.rule-num{display:block;font-family:Dela Gothic One,cursive;font-size:32px;color:var(--orange);line-height:1}.rule-text{display:block;font-size:12px;color:var(--dim);margin-top:4px}.home-footer{margin-top:48px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--dim);letter-spacing:2px;opacity:.5}.challenge{min-height:100vh;display:flex;flex-direction:column;max-width:720px;margin:0 auto}.challenge-header{padding:24px;border-bottom:1px solid var(--border);background:var(--dark);position:sticky;top:0;z-index:10}.challenge-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px}.rally-counter{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;color:var(--orange);letter-spacing:2px}.difficulty{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;padding:3px 10px}.difficulty-easy{color:var(--green);border:1px solid var(--green)}.difficulty-medium{color:var(--yellow);border:1px solid var(--yellow)}.difficulty-hard{color:var(--red);border:1px solid var(--red)}.challenge-title{font-family:Noto Sans JP,sans-serif;font-weight:700;font-size:22px;margin-bottom:8px}.challenge-role{font-size:14px;color:var(--dim);margin-bottom:12px}.challenge-requirements{background:var(--card);border-left:3px solid var(--orange);padding:12px 16px;margin-bottom:8px}.req-label{font-size:12px;font-weight:700;color:var(--orange);margin-bottom:4px}.req-item{font-size:14px;color:var(--dim);line-height:1.8}.challenge-task{font-size:14px;color:var(--dim);margin-top:8px}.chat-area{flex:1;padding:24px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.chat-empty{text-align:center;color:var(--dim);font-size:14px;margin-top:60px}.msg{max-width:85%;padding:14px 18px;font-size:14px;line-height:1.8;white-space:pre-wrap}.msg-user{align-self:flex-end;background:var(--orange);color:var(--black);font-weight:700;border-radius:16px 16px 4px}.msg-ai{align-self:flex-start;background:var(--card);border:1px solid var(--border);color:var(--dim);border-radius:16px 16px 16px 4px}.msg-label{display:block;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--red);letter-spacing:2px;margin-bottom:6px}.msg-content{white-space:pre-wrap;word-break:break-word}.typing{opacity:.6}.eval-badge{display:inline-flex;align-items:center;gap:8px;margin:4px 0 8px;padding:4px 12px;font-family:JetBrains Mono,monospace;font-size:11px;border-radius:2px;float:right;clear:both}.eval-grade{font-weight:700}.eval-comment{opacity:.8}.eval-S{background:#ffeb3b26;color:var(--yellow)}.eval-A{background:var(--orange-glow);color:var(--orange)}.eval-B{background:#00e67626;color:var(--green)}.eval-C{background:#448aff26;color:var(--blue)}.eval-D{background:#ff174426;color:var(--red)}.input-area{padding:16px 24px 24px;border-top:1px solid var(--border);background:var(--dark)}.input-row{display:flex;gap:12px}.chat-input{flex:1;background:var(--card);border:2px solid var(--border);color:var(--white);font-family:Noto Sans JP,sans-serif;font-size:14px;padding:12px 16px;outline:none;resize:none;transition:border-color .2s;line-height:1.6}.chat-input::placeholder{color:var(--dim)}.chat-input:focus{border-color:var(--orange)}.send-button{background:var(--orange);color:var(--white);font-family:Noto Sans JP,sans-serif;font-weight:700;font-size:14px;padding:12px 24px;border:none;cursor:pointer;flex-shrink:0;transition:opacity .2s}.send-button:disabled{opacity:.4;cursor:not-allowed}.send-shortcut{display:block;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:400;opacity:.6;margin-top:2px}.input-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.char-count{font-family:JetBrains Mono,monospace;font-size:12px}.char-ok{color:var(--dim)}.char-warn{color:var(--yellow)}.char-danger{color:var(--red)}.submit-button{background:none;border:2px solid var(--green);color:var(--green);font-family:Noto Sans JP,sans-serif;font-weight:700;font-size:13px;padding:8px 20px;cursor:pointer;transition:background .2s,color .2s}.submit-button:hover:not(:disabled){background:var(--green);color:var(--black)}.submit-button:disabled{opacity:.4;cursor:not-allowed}.submit-button.final{width:100%;font-size:16px;padding:14px}.rally-done{text-align:center}.rally-done p{color:var(--dim);font-size:14px;margin-bottom:12px}.result{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 24px;background:radial-gradient(ellipse 70% 50% at 50% 100%,rgba(255,87,34,.12) 0%,transparent 60%),var(--black)}.result-card{max-width:480px;width:100%;background:var(--card);border:1px solid var(--border);overflow:hidden}.result-header{padding:24px;text-align:center;border-bottom:1px solid var(--border)}.result-badge{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;letter-spacing:4px;color:var(--orange)}.result-challenge{font-family:Noto Sans JP,sans-serif;font-weight:700;font-size:18px;margin-top:8px}.result-player{font-size:14px;color:var(--dim);margin-top:4px}.result-score-area{text-align:center;padding:32px 24px;background:var(--dark)}.result-grade{font-family:Dela Gothic One,cursive;font-size:36px;line-height:1;margin-bottom:8px}.dan-high{color:var(--yellow);text-shadow:0 0 30px rgba(255,235,59,.4)}.dan-mid{color:var(--green)}.dan-low{color:var(--blue)}.dan-beginner{color:var(--dim)}.result-total{font-family:Dela Gothic One,cursive;font-size:72px;color:var(--orange);line-height:1}.result-total-label{font-family:JetBrains Mono,monospace;font-size:14px;color:var(--dim);margin-top:4px}.result-breakdown{padding:24px}.score-row{margin-bottom:20px}.score-row:last-child{margin-bottom:0}.score-row-header{display:flex;justify-content:space-between;margin-bottom:6px}.score-name{font-weight:700;font-size:14px}.score-value{font-family:JetBrains Mono,monospace;font-size:14px;color:var(--orange);font-weight:700}.score-bar{height:10px;background:var(--dark);border:1px solid var(--border);overflow:hidden}.score-bar-fill{height:100%;background:linear-gradient(90deg,var(--orange),var(--orange-light));transition:width .8s ease-out}.score-comment{font-size:12px;color:var(--dim);margin-top:4px}.ponkotsu-episode{margin:0 24px 24px;background:var(--dark);border-left:3px solid var(--yellow);padding:14px 18px}.episode-label{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:2px;color:var(--dim);margin-bottom:6px}.episode-text{font-size:14px;color:var(--yellow);line-height:1.6}.result-advice{margin:0 24px 24px;background:var(--dark);border-left:3px solid var(--green);padding:14px 18px}.advice-label{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:2px;color:var(--green);margin-bottom:6px}.advice-text{font-size:14px;color:var(--dim);line-height:1.6}.result-actions{display:flex;flex-direction:column;gap:12px;padding:24px;border-top:1px solid var(--border)}.share-button{display:block;text-align:center;background:var(--white);color:var(--black);font-family:Noto Sans JP,sans-serif;font-weight:700;font-size:16px;padding:16px;text-decoration:none;transition:background .2s}.share-button:hover{background:var(--orange);color:var(--white)}.retry-button{background:none;border:2px solid var(--border);color:var(--dim);font-family:Noto Sans JP,sans-serif;font-weight:700;font-size:14px;padding:12px;cursor:pointer;transition:border-color .2s,color .2s}.retry-button:hover{border-color:var(--orange);color:var(--orange)}.phase2-header{background:var(--card);border:1px solid var(--border);border-radius:4px;max-height:300px;overflow-y:auto;margin-bottom:16px}.log-toggle{display:block;width:100%;background:none;border:none;color:var(--dim);font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:1px;padding:12px 16px;cursor:pointer;text-align:left;transition:color .2s}.log-toggle:hover{color:var(--orange)}.log-content{padding:0 16px 12px;display:flex;flex-direction:column;gap:8px}.log-msg{font-size:13px;line-height:1.6}.log-msg-user .log-role{color:var(--orange);font-weight:700}.log-msg-client .log-role{color:var(--blue);font-weight:700}.log-role{margin-right:8px;font-size:11px}.log-text{color:var(--dim)}.phase2-label{font-family:Noto Sans JP,sans-serif;font-weight:700;font-size:16px;color:var(--white);margin-bottom:12px}.final-textarea{width:100%;min-height:200px;background:var(--card);border:2px solid var(--border);color:var(--white);font-family:Noto Sans JP,sans-serif;font-size:14px;padding:16px;outline:none;resize:vertical;transition:border-color .2s;line-height:1.8}.final-textarea::placeholder{color:var(--dim)}.final-textarea:focus{border-color:var(--orange)}.hearing-hint{color:var(--green);font-weight:700;margin-top:4px}.review-output{background:var(--card);border-left:3px solid var(--orange);padding:20px;margin:0 24px;color:var(--dim);font-size:14px;line-height:1.8;white-space:pre-wrap;max-height:400px;overflow-y:auto}.review-output-label{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:2px;color:var(--orange);padding:8px 24px}.loading-screen,.error-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--dim);font-size:16px}.error-screen button{background:var(--orange);color:var(--white);border:none;padding:10px 24px;font-weight:700;cursor:pointer}@media(max-width:640px){.home-title{font-size:clamp(36px,12vw,64px)}.home-rules{gap:20px}.rule-num{font-size:24px}.challenge-header,.chat-area{padding:16px}.input-area{padding:12px 16px 16px}.result-total{font-size:56px}}