*{box-sizing:border-box}:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{background:#f8fafc;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-bottom:1px solid #e2e8f0;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;width:min(100%,1280px);height:80px;margin:0 auto;padding:0 48px;display:flex}.brand,.project-link,.nav-link{align-items:center;display:inline-flex}.brand{color:#0f172a;gap:12px;font-size:20px;font-weight:900}.brand-mark{color:#2563eb;width:36px;height:36px}.header-nav{align-self:stretch;display:flex}.nav-link{color:#334155;border-bottom:2px solid #0000;justify-content:center;min-width:128px;padding:0 20px;font-size:14px;font-weight:800}.nav-link.active,.nav-link:hover{color:#1d4ed8;border-bottom-color:#1d4ed8}.project-link{color:#0f172a;font-size:14px;font-weight:800}.start-page,.game-page,.evaluation-page{color:#0f172a;background:#f8fafc;min-height:100vh}.start-layout{grid-template-columns:minmax(0,1fr) minmax(360px,1.12fr);gap:48px;width:min(100%,1280px);margin:0 auto;padding:64px 48px;display:grid}.intro-panel{align-self:center;min-width:0}.eyebrow{color:#1d4ed8;margin:0 0 12px;font-size:14px;font-weight:800}.intro-panel h1{letter-spacing:0;max-width:560px;margin:0;font-size:44px;line-height:1.1}.lead{color:#475569;max-width:560px;margin:20px 0 0;font-size:16px;line-height:1.75}.intro-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px;display:grid}.intro-card,.start-form-card,.feed-panel,.status-panel,.info-panel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0f172a0f}.intro-card{padding:20px}.intro-icon{color:#2563eb;font-size:34px;line-height:1;display:block}.intro-card h2{margin:20px 0 0;font-size:14px}.intro-card p{color:#64748b;margin:12px 0 0;font-size:14px;line-height:1.6}.start-form-card{align-self:center;padding:32px}.start-form{gap:18px;display:grid}.start-form fieldset{border:0;min-width:0;margin:0;padding:0}.field-title{color:#0f172a;font-size:18px;font-weight:800}.field-help{color:#64748b;margin:10px 0 0;font-size:14px;line-height:1.6}.input-shell{border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:12px;height:48px;padding:0 16px;transition:border-color .16s,box-shadow .16s;display:flex}.input-shell:focus-within{border-color:#2563eb;box-shadow:0 0 0 4px #dbeafe}.input-icon{color:#64748b;font-size:20px}.input-shell input{color:#0f172a;background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;font-size:14px}.mode-list{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.mode-pill{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:6px;height:40px;padding:0 16px;font-size:14px;font-weight:800;transition:background .16s,border-color .16s,color .16s}.mode-pill:hover,.mode-pill.active{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.primary-button{color:#fff;background:#1d4ed8;border:0;border-radius:6px;justify-content:center;align-items:center;gap:12px;width:100%;height:48px;padding:0 20px;font-size:14px;font-weight:900;display:inline-flex;box-shadow:0 10px 18px #1e40af2e}.primary-button:hover{background:#1e40af}.error-text{color:#b42318;margin:0;font-size:14px;font-weight:700}.status-text{color:#334155;margin:18px 0 0;font-size:14px;font-weight:800}.game-layout{grid-template-columns:260px minmax(0,1fr);gap:20px;width:min(100%,1280px);margin:0 auto;padding:20px 32px;display:grid}.status-panel,.side-stack{align-self:start;position:sticky;top:100px}.status-panel{padding:20px}.status-panel h2,.panel-header h1,.panel-header h2{margin:0;font-size:16px;font-weight:900}.status-block{gap:6px;margin-top:22px;display:grid}.status-block span,.score-area span{color:#475569;font-size:14px;font-weight:800}.status-block strong{font-size:24px}.rating-dots{gap:8px;margin-top:14px;display:flex}.rating-dots span{background:#e2e8f0;border-radius:999px;width:16px;height:16px}.rating-dots .filled{background:#1d4ed8}.score-area{border-top:1px solid #e2e8f0;margin-top:28px;padding-top:24px}.score-area strong{margin-top:8px;font-size:34px;display:block}.score-bar{background:linear-gradient(90deg,#1d4ed8,#818cf8,#ef4444);border-radius:999px;height:16px;margin-top:16px;position:relative}.score-bar span{background:#111827;width:2px;height:32px;position:absolute;top:50%;transform:translateY(-50%)}.score-labels{color:#64748b;justify-content:space-between;margin-top:12px;font-size:12px;font-weight:800;display:flex}.feed-panel{min-width:0;overflow:hidden}.panel-header{border-bottom:1px solid #e2e8f0;padding:16px 20px}.post-card{border-bottom:1px solid #e2e8f0;grid-template-columns:44px minmax(0,1fr);gap:16px;padding:20px;display:grid}.post-card:last-child{border-bottom:0}.avatar{color:#fff;border-radius:999px;place-items:center;width:44px;height:44px;font-size:18px;font-weight:900;display:grid}.avatar.blue{background:#1e3a8a}.avatar.violet{background:#7c3aed}.avatar.orange{background:#f97316}.avatar.green{background:#059669}.post-body{min-width:0}.post-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:14px;display:flex}.post-meta strong{color:#334155}.post-time{margin-left:auto}.author-actions{flex-wrap:wrap;gap:8px;display:flex}.source-action{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:6px;min-height:32px;padding:0 10px;font-size:12px;font-weight:800}.source-action.follow:hover,.source-action.follow.active{color:#1d4ed8;background:#eff6ff;border-color:#2563eb}.source-action.block:hover,.source-action.block.active{color:#dc2626;background:#fef2f2;border-color:#ef4444}.ghost-button{color:#64748b;background:0 0;border:0;border-radius:4px;padding:4px 8px;font-size:20px;line-height:1}.ghost-button:hover{background:#f1f5f9}.post-card h2{color:#0f172a;margin:6px 0 0;font-size:16px;line-height:1.5}.post-card p{color:#475569;max-width:680px;margin:8px 0 0;font-size:14px;line-height:1.7}.post-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.reaction-button{background:#fff;border:1px solid;border-radius:6px;min-width:112px;height:36px;padding:0 16px;font-size:14px;font-weight:800}.reaction-button.like{color:#047857;border-color:#86efac}.reaction-button.like:hover,.reaction-button.like.active{background:#ecfdf5;border-color:#22c55e}.reaction-button.dislike{color:#dc2626;border-color:#fecaca}.reaction-button.dislike:hover,.reaction-button.dislike.active{background:#fef2f2;border-color:#ef4444}.side-stack{gap:20px;display:grid}.info-panel{overflow:hidden}.info-box{color:#1e3a8a;background:#eff6ff;border-radius:6px;margin:20px;padding:20px}.info-box p{color:#334155;margin:8px 0 0;font-size:14px;line-height:1.7}.mini-graph{background-color:#0000;background-image:linear-gradient(#e2e8f0 1px,#0000 1px),linear-gradient(90deg,#e2e8f0 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-bottom:1px solid #94a3b8;border-left:1px solid #94a3b8;height:260px;margin:20px;position:relative}.axis-x,.axis-y{background:#475569;position:absolute}.axis-x{height:1px;top:50%;left:0;right:0}.axis-y{width:1px;top:0;bottom:0;left:50%}.mini-graph i{background:#2563eb;border-radius:999px;width:8px;height:8px;position:absolute}.mini-graph i.red{background:#ef4444}.evaluation-layout{width:min(100%,1280px);margin:0 auto;padding:40px 48px 64px}.evaluation-header{max-width:720px}.evaluation-header h1{margin:0;font-size:38px;line-height:1.15}.evaluation-grid{grid-template-columns:320px minmax(0,1fr);gap:20px;margin-top:28px;display:grid}.evaluation-panel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:0;padding:24px;box-shadow:0 1px 2px #0f172a0f}.evaluation-panel h2{margin:0;font-size:18px;font-weight:900}.evaluation-panel p{color:#475569;margin:16px 0 0;font-size:14px;line-height:1.7}.score-summary{align-self:start}.score-summary>span{color:#475569;font-size:14px;font-weight:800}.score-summary>strong{margin-top:6px;font-size:24px;display:block}.graph-panel{min-height:380px}.evaluation-graph{background-color:#0000;background-image:linear-gradient(#e2e8f0 1px,#0000 1px),linear-gradient(90deg,#e2e8f0 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-bottom:1px solid #94a3b8;border-left:1px solid #94a3b8;height:300px;margin-top:20px;position:relative}.evaluation-graph i{background:#2563eb;border:2px solid #fff;border-radius:999px;width:12px;height:12px;position:absolute;transform:translate(-50%,50%);box-shadow:0 0 0 2px #2563eb}.leaderboard-panel{grid-column:2}.leaderboard-table{border:1px solid #e2e8f0;border-radius:6px;margin:18px 0 0;overflow:hidden}.leaderboard-row{grid-template-columns:80px minmax(0,1fr) 120px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:grid}.leaderboard-row+.leaderboard-row{border-top:1px solid #e2e8f0}.leaderboard-header{color:#475569;text-transform:uppercase;background:#f8fafc;font-size:12px;font-weight:900}.leaderboard-row>:last-child{text-align:right}.leaderboard-row.current-player{color:#1d4ed8;background:#eff6ff}.game-controls{flex-wrap:wrap;gap:12px;display:flex}.game-controls .primary-button{flex:240px}.end-game-button{color:#1d4ed8;font:inherit;cursor:pointer;background:#fff;border:1px solid #1d4ed8;border-radius:6px;flex:0 auto;padding:12px 18px;font-weight:900}.end-game-button:hover{background:#eff6ff}.restart-button{width:auto;margin-top:24px}@media (width<=1100px){.start-layout,.game-layout,.evaluation-grid{grid-template-columns:1fr}.status-panel,.side-stack{position:static}.leaderboard-panel{grid-column:auto}}@media (width<=760px){.header-inner{height:auto;min-height:72px;padding:14px 20px}.header-nav,.project-link{display:none}.start-layout,.game-layout,.evaluation-layout{padding:28px 16px}.intro-panel h1{font-size:34px}.intro-cards{grid-template-columns:1fr}.start-form-card{padding:22px}.post-card{grid-template-columns:1fr}.post-time{margin-left:0}}