:root{color:#17201b;background:#f6f3ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}.app-shell{min-height:100vh;padding:32px}.top-nav{display:flex;align-items:end;justify-content:space-between;gap:20px;max-width:1280px;margin:0 auto 22px}.top-nav p,.top-nav h1{margin:0}.top-nav p{color:#657169;font-size:13px;font-weight:800}.top-nav h1{font-size:32px;line-height:1}.view-tabs{display:inline-flex;gap:6px;padding:5px;border:1px solid #d8ded6;border-radius:8px;background:#fff}.tab{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:9px 12px;border:0;border-radius:6px;background:transparent;color:#657169;font-weight:800;line-height:1;text-decoration:none}.tab.is-active{background:#17201b;color:#fff}.tab:disabled{cursor:not-allowed;opacity:.55}.workspace{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:28px;max-width:1280px;margin:0 auto;align-items:start}.journal-layout{display:grid;grid-template-columns:minmax(360px,480px) minmax(560px,1fr);gap:32px;align-items:start;max-width:1280px;min-height:calc(100vh - 120px);margin:0 auto}.control-panel{display:grid;gap:18px;padding:22px;background:#fff;border:1px solid #ded7c9;border-radius:8px;box-shadow:0 12px 36px #1a241d14}.journal-left{max-height:calc(100vh - 140px);overflow-y:auto;padding-right:12px;scrollbar-gutter:stable}.panel-heading p,.brand,.game-detail,.status,.card-footer,.metric span{margin:0;color:#657169;font-size:13px}.panel-heading h1{margin:4px 0 0;font-size:30px;line-height:1.05}.dev-notice{border:1px solid rgba(244,166,35,.28);border-radius:8px;color:#657169;font-size:13px;margin:0;padding:10px 12px}.panel-heading.compact h1{font-size:22px}.account-box{display:grid;gap:6px;padding:14px;border:1px solid #d8ded6;border-radius:8px;background:#fbfaf6}.account-box span,.empty-state{color:#657169;font-size:13px}.account-box strong{font-size:20px}label{display:grid;gap:8px;font-size:13px;font-weight:700;color:#344039}input,textarea{width:100%;border:1px solid #c9d0c7;border-radius:6px;background:#fbfaf6;color:#17201b;padding:11px 12px;outline:none}textarea{min-height:340px;resize:vertical;font-family:Cascadia Code,Consolas,monospace;font-size:12px;line-height:1.45}.actions{display:flex;gap:10px}.sample-actions{display:flex;flex-wrap:wrap;gap:8px}button{border:0;border-radius:6px;padding:11px 16px;background:#17201b;color:#fff;font-weight:800;cursor:pointer}button.secondary{background:#e9eee9;color:#17201b}button.ghost{background:transparent;color:#526159;box-shadow:inset 0 0 0 1px #cfd7cf}button:disabled{cursor:not-allowed;opacity:.55}.compact-button{padding:8px 10px;font-size:12px}.button-link{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;padding:11px 16px;background:#e9eee9;color:#17201b;font-size:13px;font-weight:800;text-decoration:none}button.sample-button{padding:8px 10px;background:#f1f4ef;color:#344039;font-size:12px;font-weight:800}.journal-list{display:grid;gap:10px}.suggested-section,.journal-section{display:grid;gap:12px}.suggested-section{padding-bottom:18px;border-bottom:1px solid #d8ded6}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px}.section-heading p,.section-heading h2{margin:0}.section-heading p{color:#657169;font-size:12px;font-weight:900;text-transform:uppercase}.section-heading h2{margin-top:2px;font-size:18px;line-height:1.15}.suggested-list{display:grid;gap:10px}.suggested-card{display:grid;gap:11px;padding:13px;border:2px solid #d8ded6;border-radius:8px;background:#fbfaf6;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.suggested-card:hover{border-color:#9aad9a;box-shadow:0 4px 12px #1a241d0f}.suggested-card.is-selected{border-color:#17201b;background:#f6f3ec}.suggested-card-top,.suggested-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.story-chip{display:inline-flex;width:fit-content;align-items:center;gap:5px;padding:6px 8px;border:1px solid #17201b;border-radius:999px;color:#17201b;font-size:11px;font-weight:900;text-transform:uppercase}.suggested-card-top strong{color:#526159;font-size:12px}.suggested-card h3{margin:0;font-size:16px;line-height:1.18}.story-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:0}.story-facts div{min-width:0}.story-facts dt{color:#657169;font-size:10px;font-weight:900;text-transform:uppercase}.story-facts dd{min-width:0;margin:2px 0 0;overflow:hidden;color:#17201b;font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.journal-tools{display:grid;gap:10px}.filter-tabs{display:flex;flex-wrap:wrap;gap:6px}button.filter-tab{padding:7px 9px;background:#f1f4ef;color:#526159;font-size:12px}button.filter-tab.is-active{background:#17201b;color:#fff}.search-label{gap:6px}.journal-item{display:grid;gap:5px;width:100%;padding:13px;border:2px solid #d8ded6;border-radius:8px;background:#fff;color:#17201b;text-align:left;transition:all .15s ease;position:relative}.journal-item:hover{border-color:#9aad9a;box-shadow:0 4px 12px #1a241d0f}.journal-item.is-selected{border-color:#17201b;background:#f6f3ec;font-weight:600}.journal-item .selected-indicator{position:absolute;top:8px;right:10px;color:#344039;font-size:16px;font-weight:700}.journal-item span{color:#657169;font-size:12px;font-weight:900}.journal-item strong{font-size:17px}.journal-item em{overflow:hidden;color:#526159;font-size:13px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.journal-item small{overflow:hidden;color:#657169;font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.detail-panel,.debug-panel,.debug-controls{display:grid;gap:14px}.detail-panel,.debug-panel{padding:14px;border:1px solid #d8ded6;border-radius:8px;background:#fbfaf6}.debug-controls{padding-top:16px;border-top:1px solid #d8ded6}.detail-panel summary,.debug-panel summary{display:grid;gap:4px;cursor:pointer;list-style:none}.detail-panel summary::-webkit-details-marker,.debug-panel summary::-webkit-details-marker{display:none}.detail-panel summary span,.debug-panel summary span{color:#657169;font-size:12px;font-weight:900;text-transform:uppercase}.detail-panel summary strong,.debug-panel summary strong{font-size:18px}.debug-toggle{padding:9px 12px;font-size:12px}.detail-panel dl,.debug-panel dl{display:grid;gap:8px;margin:0}.detail-panel[open] dl,.debug-panel[open] dl,.debug-panel[open] .debug-audit{margin-top:12px}.detail-panel dl div,.debug-panel dl div{display:grid;grid-template-columns:108px minmax(0,1fr);gap:10px}.detail-panel dt,.debug-panel dt{color:#657169;font-size:12px;font-weight:900}.detail-panel dd,.debug-panel dd{min-width:0;margin:0;overflow-wrap:anywhere;color:#17201b;font-size:13px}.preview-panel{display:grid;gap:14px;justify-items:center}.journal-right{position:sticky;top:96px;align-self:start}.preview-frame{display:grid;place-items:center;width:605px;height:605px;overflow:hidden;border:1px solid #ded7c9;border-radius:8px;background:#fff}.preview-scale{width:1080px;height:1080px;transform:scale(.56);transform-origin:top left}.preview-placeholder{margin:0;color:#657169;font-size:15px;font-weight:800}.preview-actions{display:grid;gap:12px;width:min(605px,100%);padding:16px;border:1px solid #ded7c9;border-radius:8px;background:#fff}.preview-actions>p{margin:0;color:#657169;font-size:13px;font-weight:800}.mobile-journal-preview{display:none}.mobile-card-empty{display:grid;min-height:220px;place-items:center;padding:18px;border:1px solid #ded7c9;border-radius:12px;background:#fff;color:#657169;font-weight:800;text-align:center}.responsive-card-preview{width:100%;overflow:hidden}.responsive-card-stage{width:1080px;height:calc(1080px * var(--card-scale));transform:scale(var(--card-scale));transform-origin:top left}.mobile-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-action-grid button,.mobile-action-grid .button-link{min-height:44px;padding:10px 12px}.mobile-card-status{margin:0;color:#657169;font-size:13px;font-weight:800}.share-card{width:1080px;height:1080px;display:grid;grid-template-rows:auto minmax(260px,auto) minmax(420px,1fr) auto;gap:30px;padding:62px;background:#fcfbf6;border:1px solid #d3c9b5;color:#111913;box-shadow:0 24px 60px #191f1b29}.card-header,.card-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{color:#111913;font-size:34px;font-weight:900;letter-spacing:0}.game-detail{margin-top:6px;font-size:20px}.score-pill{display:grid;gap:1px;place-items:center;min-width:132px;min-height:58px;padding:0 18px;border-radius:999px;background:#dff365;color:#17201b;font-weight:900}.score-pill span{font-size:12px;text-transform:uppercase}.score-pill strong{font-size:22px;line-height:1}.story-section{display:grid;align-content:start;gap:16px}.story-badge{display:inline-flex;width:fit-content;align-items:center;gap:8px;min-height:44px;padding:9px 16px;border:1px solid #17201b;border-radius:999px;text-transform:uppercase;font-size:18px;letter-spacing:0}.headline{margin:0;max-width:920px;line-height:.98;letter-spacing:0}.headline-large{font-size:74px}.headline-medium{font-size:62px}.headline-compact{font-size:50px;line-height:1.04}.story-section p{margin:0;max-width:720px;color:#526159;font-size:24px;line-height:1.25}.lower-section{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:34px;align-items:center}.board-shell{display:grid;gap:14px;min-height:0;width:400px;justify-self:end}.board-frame{width:400px;height:400px}.board{width:400px;height:400px;aspect-ratio:1 / 1;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);overflow:hidden;border:4px solid #17201b;border-radius:8px;background:#17201b;box-shadow:0 16px 28px #11191329}.board-square{position:relative;display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0}.board-square.is-light{background:#eef0d0}.board-square.is-dark{background:#7a936c}.board-square.is-from{box-shadow:inset 0 0 0 4px #f0c542}.board-square.is-to{box-shadow:inset 0 0 0 4px #e66347}.chess-piece{width:82%;height:82%;display:block;overflow:visible}.chess-piece .piece-fill{fill:var(--piece-fill);stroke:var(--piece-outline);stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}.chess-piece .piece-stroke,.chess-piece .piece-detail{fill:none;stroke:var(--piece-outline);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.chess-piece .piece-detail-fill{fill:var(--piece-outline)}.chess-piece.is-white-piece{--piece-fill: #fbfaf2;--piece-outline: #1e261f;filter:drop-shadow(0 2px 1px rgb(17 25 19 / 25%))}.chess-piece.is-black-piece{--piece-fill: #202820;--piece-outline: #f4efd9;filter:drop-shadow(0 2px 1px rgb(17 25 19 / 20%))}.board-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;color:#526159;font-size:17px;font-weight:900}.board-caption strong{color:#17201b;font-size:17px}.metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-self:center}.metrics-column{min-width:0;display:grid;align-content:center}.engine-note{align-self:end;width:fit-content;margin-bottom:10px;padding:7px 10px;border-radius:999px;background:#f1f4ef;color:#526159;font-size:13px;font-weight:800}.engine-note.is-ready{background:#dff365;color:#17201b}.public-actions{display:grid;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid #d8ded6}.public-actions p,.profile-header p{margin:0;color:#657169;font-size:12px;font-weight:900;text-transform:uppercase}.public-links{display:flex;flex-wrap:wrap;gap:8px}.public-byline{color:#657169;margin:-6px 0 0}.public-shell{max-width:1180px;margin:0 auto}.profile-header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px;padding:22px;border:1px solid #ded7c9;border-radius:8px;background:#fff}.profile-header h1{margin:4px 0;font-size:38px;line-height:1}.profile-header span{color:#526159;font-size:14px;font-weight:800}.profile-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.profile-stats{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:18px}.profile-stats div{display:grid;gap:6px;min-width:0;padding:16px;border:1px solid #d8ded6;border-radius:8px;background:#fff}.profile-stats span{color:#657169;font-size:12px;font-weight:900}.profile-stats strong{overflow:hidden;text-overflow:ellipsis;font-size:20px;text-transform:capitalize;white-space:nowrap}.public-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.profile-post-card{display:grid;gap:12px;padding:16px;border:1px solid #d7dfd7;border-radius:8px;background:#fff;color:inherit;cursor:pointer;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.profile-post-card:hover,.profile-post-card:focus-visible{border-color:#17201b;box-shadow:0 14px 28px #1a241d1a;outline:none;transform:translateY(-2px)}.profile-post-card:active{transform:translateY(0)}.profile-card-board{width:100%;max-width:180px;aspect-ratio:1;overflow:hidden;border:1px solid #d8ded6;border-radius:6px;background:#f7f5ee}.profile-card-board .board{width:100%;height:100%}.profile-card-board .chess-piece{width:82%;height:82%}.profile-post-card h2{margin:0;font-size:18px;line-height:1.18}.view-card-action,.published-pill{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:38px;padding:0 14px;border:1px solid #17201b;border-radius:6px;background:#17201b;color:#fff;font-size:13px;font-weight:900}.view-card-action{margin-top:2px}.post-social-line{color:#657169;font-size:13px;font-weight:900}.feed-page{display:grid;gap:14px;max-width:820px}.feed-card{display:grid;gap:12px;padding:14px;border:1px solid #d7dfd7;border-radius:8px;background:#fff}.feed-card-main{display:grid;grid-template-columns:148px minmax(0,1fr);gap:14px;align-items:start}.feed-card-board{display:block;width:148px;aspect-ratio:1;overflow:hidden;border:1px solid #d8ded6;border-radius:6px;background:#f7f5ee}.feed-card-board .board{width:100%;height:100%}.feed-card-board .chess-piece{width:82%;height:82%}.feed-card-copy{display:grid;gap:8px;min-width:0}.feed-card-copy p{display:flex;flex-wrap:wrap;gap:8px;margin:0;color:#657169;font-size:13px;font-weight:800}.feed-card-copy a{color:#17201b;font-weight:900}.feed-card-copy h2{margin:0;font-size:20px;line-height:1.16}.feed-card-copy h2 a{color:inherit;text-decoration:none}.feed-card-copy h2 a:hover,.feed-card-copy h2 a:focus-visible{text-decoration:underline}.social-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#657169;font-size:13px;font-weight:900}.social-actions button{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px}.social-actions button strong{font-size:12px}.social-actions a{color:#657169;text-decoration:none}.social-actions a:hover,.social-actions a:focus-visible{color:#17201b;text-decoration:underline}.social-actions button.is-active{border-color:#17201b;background:#17201b;color:#fff}.feed-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.profile-empty{align-items:start;display:grid;gap:6px;grid-column:1 / -1}.profile-empty strong{color:#17201b;font-size:18px}.profile-empty span{color:#657169}.empty-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.public-post-page{display:grid;grid-template-columns:minmax(320px,560px) minmax(280px,1fr);gap:26px;align-items:start}.public-card-frame{width:min(560px,100%);aspect-ratio:1;overflow:hidden;border:1px solid #ded7c9;border-radius:8px;background:#fff}.public-card-frame .share-card{transform:scale(.52);transform-origin:top left}.public-post-meta{display:grid;gap:16px;padding:22px;border:1px solid #ded7c9;border-radius:8px;background:#fff}.public-post-meta h1{margin:0;font-size:30px;line-height:1.05}.public-post-meta dl{display:grid;gap:10px;margin:0}.public-post-meta dl div{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #edf0ea}.public-post-meta dl div:last-child{padding-bottom:0;border-bottom:0}.public-post-meta dt{color:#657169;font-size:12px;font-weight:900;text-transform:uppercase}.public-post-meta dd{margin:0;text-align:right;font-weight:800}.comments-panel{display:grid;gap:14px;padding-top:18px;border-top:1px solid #edf0ea}.comments-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.comments-heading h2{margin:0;font-size:20px}.comments-heading span{color:#657169;font-size:13px;font-weight:900}.comment-list{display:grid;gap:12px}.comment-item{display:grid;gap:4px;padding:12px;border:1px solid #edf0ea;border-radius:6px;background:#fafbf7}.comment-item strong{font-size:13px}.comment-item p{margin:0;color:#2d382f}.comment-form{display:grid;gap:10px}.comment-form textarea{min-height:88px}.secondary-link{border-color:#d8ded6;background:#fff;color:#17201b}.metric{min-width:0;display:grid;gap:8px;min-height:112px;padding:20px;border:1px solid #d7dfd7;border-radius:6px;background:#fff}.metric span{font-size:18px}.metric strong{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:28px;line-height:1.08}.card-footer strong{color:#17201b}.card-footer,.card-footer span{font-size:19px}.export-stage{position:fixed;left:-200vw;top:0;width:1080px;height:1080px}.export-stage article{width:1080px;height:1080px}@media (max-width: 900px){.app-shell{padding:18px}.workspace,.journal-layout{display:block;grid-template-columns:1fr}.journal-left{max-height:none;overflow:visible;padding-right:0}.journal-right{position:static;margin-top:18px}.top-nav{align-items:stretch;flex-direction:column}.preview-frame{width:346px;height:346px}.preview-scale{transform:scale(.32)}.profile-stats,.public-post-grid,.public-post-page,.feed-card-main{grid-template-columns:1fr}.profile-header{align-items:stretch;flex-direction:column}.profile-actions{justify-content:flex-start}.feed-card-board{width:min(220px,100%)}}@media (max-width: 768px){.app-shell{padding:16px}.top-nav{gap:14px}.top-nav h1{font-size:26px}.view-tabs{width:100%;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch}.tab{min-width:max-content;min-height:44px}.journal-layout{display:block;min-height:0}.journal-left{max-height:none;overflow:visible;padding:16px;border-radius:12px}.journal-right{display:none}.control-panel{gap:16px}.panel-heading h1{font-size:26px}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}button,.button-link{min-height:44px}.mobile-journal-preview{display:grid;gap:12px;scroll-margin-top:14px}.suggested-section{padding-top:4px}.suggested-card{gap:9px;padding:12px;border-radius:12px}.suggested-card .story-facts{display:flex;flex-wrap:wrap;gap:8px 14px}.suggested-card .story-facts div{min-width:fit-content}.suggested-card .story-facts dt{display:none}.suggested-card .story-facts dd{margin:0;max-width:140px}.suggested-actions{justify-content:stretch}.suggested-actions button{flex:1}.journal-tools{gap:12px}.filter-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}button.filter-tab{min-width:max-content;min-height:40px}.search-label input{min-height:44px}.journal-item{gap:6px;padding:14px;border-radius:12px}.journal-item strong{font-size:16px}.detail-panel,.debug-panel{border-radius:12px}.detail-panel dl div,.debug-panel dl div{grid-template-columns:96px minmax(0,1fr)}}