:root{--ink:#183153;--paper:#fffdf7;--blue:#2176ae;--yellow:#ffd166;--line:#d8e1e8;--soft:#edf6f9;--bad:#9b2c2c;--good:#21643a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:0;border-radius:.7rem;background:var(--blue);color:#fff;padding:.7rem 1rem;font:inherit;font-weight:750;cursor:pointer;text-decoration:none}.secondary,.file-button{background:#e4edf3;color:var(--ink)}button:disabled{opacity:.52;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.link-button{background:transparent;color:#145c94;padding:.2rem;text-decoration:underline;font-weight:650}.danger-text{color:var(--bad)}a{color:#145c94}.site-header{min-height:4.6rem;display:flex;align-items:center;gap:.8rem;padding:.7rem max(1rem,calc((100% - 1360px)/2));background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{color:var(--ink);font-size:1.15rem;font-weight:850;text-decoration:none;white-space:nowrap}.site-header nav{display:flex;align-items:center;gap:.25rem;flex:1;justify-content:center}.site-header nav button,.site-header nav a{background:transparent;color:var(--ink);padding:.55rem .7rem;text-decoration:none;border-radius:.55rem;font-weight:750}.site-header nav button.active,.site-header nav button:hover,.site-header nav a:hover{background:var(--soft)}.person-chip{display:flex;align-items:center;gap:.35rem;white-space:nowrap;font-size:.9rem}.inline{display:inline}.login-screen,.view{width:min(1360px,100% - 2rem);margin:0 auto;padding:2rem 0 3rem}.login-screen{padding-top:5rem}.login-screen h1{font-size:clamp(2.2rem,5vw,4.5rem);line-height:1.04;margin:.2rem 0 1rem}.eyebrow,.breadcrumb{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:850;color:#477b9c}.view-heading{margin-bottom:1.5rem}.view-heading h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;margin:.25rem 0 .55rem}.split,.workshop-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.primary-actions,.workshop-actions,.editor-toolbar,.more-menu,.card-actions,.save-status,.code-tabs,.player-header>div{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap}.login-grid,.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;max-width:860px}.login-grid form,.admin-grid>*{padding:1.25rem;background:#fff;border:1px solid var(--line);border-radius:1rem}label{display:block;margin:.8rem 0;font-weight:750}input,textarea,select{display:block;width:100%;margin-top:.3rem;padding:.65rem;border:1px solid #9babb9;border-radius:.5rem;background:#fff;color:#14213d;font:inherit}textarea{font:14px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}.check{display:flex;gap:.6rem;align-items:start;font-weight:400}.check input{width:auto;margin-top:.25rem}.notice,.error{width:min(1360px,100% - 2rem);margin:1rem auto;padding:.85rem 1rem;border-radius:.7rem}.notice{background:#e2f4e7;color:#145b2c}.error,.error-text{color:var(--bad)}.error{background:#fde8e6}.choice-grid,.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.person-card,.new-card,.game-card,.task-card,.material,.subpanel{background:#fff;border:1px solid var(--line);border-radius:1rem;padding:1.15rem}.person-card h2,.game-card h2,.task-card h2{margin:.05rem 0 .45rem}.new-card{max-width:480px;margin-top:1rem}.game-card{display:flex;flex-direction:column;align-items:stretch;gap:.55rem;min-height:215px}.game-card .card-actions{margin-top:auto}.card-owner{margin:0;color:#477b9c;font-size:.9rem;font-weight:750}.game-card details{border-top:1px solid var(--line);padding-top:.65rem}.game-card summary{cursor:pointer;font-weight:750}.version-list{display:grid;gap:.45rem;margin-top:.6rem}.version-row,.trash-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-top:1px solid var(--line);padding-top:.45rem;font-size:.9rem}.version-row>span:last-child{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.menu-link{display:block;margin-top:.65rem}.empty,.muted{color:#526777}.subpanel{margin-top:1.5rem}.workshop{padding-bottom:2rem}.workshop-top{border-bottom:1px solid var(--line);padding-bottom:1rem}.workshop-top h1{margin:.2rem 0}.save-status{padding:.65rem 0;color:#526777;font-size:.93rem}.save-status>span:first-child{background:var(--soft);border-radius:99px;padding:.3rem .65rem;font-weight:700;color:var(--ink)}.new-game-panel{display:flex;gap:.7rem;align-items:end;flex-wrap:wrap;padding:1rem;margin-bottom:1rem;background:var(--soft);border-radius:1rem}.new-game-panel label{flex:1;min-width:240px;margin:0}.new-game-panel p{width:100%;margin:0}.editor-toolbar{padding:.85rem 0}.more-menu{padding:.8rem;background:var(--soft);border-radius:.8rem;margin-bottom:1rem}.editor-kind{font-size:.9rem;font-weight:800;color:#477b9c;margin:.6rem 0}.editor-area{padding:1rem;background:#fff;border:1px solid var(--line);border-radius:1rem}.editor-area textarea{min-height:440px}.code-tabs{margin-bottom:.7rem}.code-tabs button{background:#e4edf3;color:var(--ink)}.code-tabs button.active{background:var(--ink);color:#fff}.file-button{cursor:pointer}.file-button input{display:none}.file-list{padding-left:1.25rem}.milestone-row{display:flex;align-items:end;gap:.7rem;flex-wrap:wrap;margin-top:1rem;padding:1rem;background:#fff5d7;border:1px solid #f4d88c;border-radius:1rem}.milestone-row label{flex:1;min-width:250px;margin:0}.task-card{max-width:820px;margin-bottom:1rem}.material{max-width:820px;background:var(--soft)}.search-label{width:min(360px,100%)}.health .ok{color:var(--good)}.health .not-ok{color:var(--bad)}.player-page{height:100vh;overflow:hidden}.player-header{height:4.2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 1rem;background:#fff;border-bottom:1px solid var(--line)}.player-main{height:calc(100vh - 4.2rem);padding:0}.player-main iframe{display:block;width:100%;height:100%;border:0;background:#fff}.player-main p{padding:1rem}.small{font-size:.92rem}.checkline{color:var(--good);font-weight:650}[hidden]{display:none!important}@media(max-width:900px){.site-header{align-items:flex-start;flex-wrap:wrap}.site-header nav{order:3;width:100%;justify-content:flex-start}.person-chip{margin-left:auto}.split,.workshop-top{flex-direction:column}.editor-area textarea{min-height:360px}}@media(max-width:620px){body{font-size:16px}.login-grid,.admin-grid{grid-template-columns:1fr}.view,.login-screen{width:min(100% - 1.25rem,1360px)}.site-header{padding:.7rem}.site-header nav{gap:0}.site-header nav button,.site-header nav a{font-size:.9rem;padding:.45rem}.person-chip{font-size:.82rem}.player-header{height:auto;min-height:4.2rem;align-items:flex-start;flex-direction:column}.player-main{height:calc(100vh - 8rem)}.workshop-actions{width:100%}.workshop-actions button{flex:1}.editor-area{padding:.7rem}.editor-area textarea{min-height:300px}}
