@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&family=DM+Mono:wght@300;400&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8f5f0;--paper:#fbf8f4;--text:#1a1814;--muted:#9a9590;--border:#e0dbd4;--accent:#1a1814}.theme-original{--bg:#f8f5f0;--paper:#fbf8f4;--text:#1a1814;--muted:#9a9590;--border:#e0dbd4;--accent:#1a1814}.theme-drip{--bg:#f5efe6;--paper:#f7f2ea;--text:#112;--muted:#7f7c87;--border:#ddd7ce;--accent:#4a90d9}.theme-cubist{--bg:#f1ece3;--paper:#f6f1e9;--text:#2a2521;--muted:#8f877f;--border:#ddd6cc;--accent:#b38457}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:DM Mono,monospace}button,input,select,textarea{font:inherit;outline:none}.page-shell{min-height:100vh;padding:52px 24px 80px}.hero{text-align:center;margin-bottom:48px}.hero h1{letter-spacing:.18em;text-transform:uppercase;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(44px,7vw,88px);font-weight:300;line-height:1}.tagline{letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-top:10px;font-size:10px}.style-pills{margin-top:22px;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:6px;max-width:780px;margin-inline:auto;padding-bottom:4px;display:flex;overflow-x:auto}.style-pills::-webkit-scrollbar{display:none}.pill{border:1px solid var(--border);color:var(--muted);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:0 0;padding:6px 14px;font-size:9px;transition:background-color .2s,border-color .2s,color .2s}.pill:hover{border-color:var(--text);color:var(--text)}.pill.active{background:var(--text);border-color:var(--text);color:var(--bg)}.main-column{width:100%;max-width:780px;margin:0 auto}.username-wrap{grid-template-columns:minmax(0,1fr) auto auto;width:100%;margin-bottom:14px;display:grid}.pgn-wrap{grid-template-columns:minmax(0,1fr) auto;width:100%;margin-bottom:14px;display:grid}.username-field,.pgn-field,.username-field input,.pgn-field textarea,.username-wrap select,.username-wrap button,.pgn-wrap button,.editor-panel textarea,.control-row input[type=range]{appearance:none}.username-field,.pgn-field,.username-wrap select{border:1px solid var(--border);color:var(--text);letter-spacing:.04em;background:0 0;padding:13px 18px;font-size:11px}.username-field{border-right:none;align-content:center;gap:8px;padding-top:11px;padding-bottom:11px;display:grid}.pgn-field{border-right:none;align-content:start;gap:8px;padding-top:11px;padding-bottom:11px;display:grid}.username-field span,.pgn-field span{color:var(--muted);letter-spacing:.22em;text-transform:uppercase;font-size:8px}.username-field input{color:var(--text);letter-spacing:.02em;background:0 0;border:none;padding:0;font-family:Cormorant Garamond,serif;font-size:clamp(18px,2.6vw,22px);font-weight:300}.pgn-field textarea{color:var(--text);resize:vertical;background:0 0;border:none;min-height:128px;padding:0;font-size:10px;line-height:1.7}.username-field input::placeholder,.pgn-field textarea::placeholder,.username-field input.sample-input{color:var(--muted)}.username-field input:focus{outline:none}.username-wrap button,.pgn-wrap button{border:1px solid var(--border);color:var(--muted);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;background:0 0;padding:13px 20px;font-size:9px;transition:background-color .15s,color .15s,border-color .15s}.username-wrap button:first-of-type,.pgn-wrap button{color:var(--text)}.username-wrap button:hover:not(:disabled),.action-link:hover,.action-bar button:hover:not(:disabled),.tile-action:hover:not(:disabled){background:var(--text);color:var(--bg);border-color:var(--text)}.username-wrap button:disabled,.action-bar button:disabled,.tile-action:disabled{opacity:.45;cursor:default}.game-label{border:1px solid var(--border);border-bottom:none;align-items:stretch;width:100%;display:flex}.player{border-right:1px solid var(--border);flex:1;padding:12px 18px}.player-role,.game-date span,.panel-heading{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-size:8px}.player-name,.game-date time,.stat b{color:var(--text);font-family:Cormorant Garamond,serif;font-weight:300}.player-name{letter-spacing:.04em;font-size:17px}.game-date{flex-direction:column;justify-content:center;align-items:flex-end;min-width:110px;padding:12px 18px;display:flex}.game-date time{font-size:15px}.canvas-shell{width:100%}.canvas-frame{aspect-ratio:1;border:1px solid var(--border);background:var(--paper);place-items:center;width:100%;display:grid;overflow:hidden}.canvas-frame svg{width:100%;height:auto;display:block}.canvas-empty{text-align:center;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:28px;font-size:10px;line-height:1.7}.action-bar{border:1px solid var(--border);border-top:none;align-items:stretch;width:100%;display:flex}.action-bar button,.action-link,.tile-action{border:none;border-right:1px solid var(--border);color:var(--muted);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;background:0 0;padding:12px 20px;font-size:9px;transition:background-color .15s,color .15s,border-color .15s}.action-link{text-decoration:none}.action-bar button:last-child,.action-link:last-child,.tile-action:last-child{border-right:none}.action-bar .paint-btn{color:var(--text);flex:1}.stats{border:1px solid var(--border);border-top:none;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;display:grid}.stats-main{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{border-right:1px solid var(--border);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);padding:10px 14px;font-size:8px}.stat:last-child{border-right:none}.stat b{letter-spacing:0;margin-bottom:2px;font-size:13px;display:block}.error{letter-spacing:.12em;text-transform:uppercase;color:#b03030;width:100%;padding:10px 0 0;font-size:9px}.project-social{border-top:1px solid var(--border);color:var(--muted);letter-spacing:.18em;text-transform:uppercase;justify-content:center;align-self:center;align-items:center;gap:8px;margin-top:26px;padding-top:14px;font-size:8px;text-decoration:none;transition:color .15s,border-color .15s;display:inline-flex}.project-social span{color:var(--text)}.project-social:hover{color:var(--text);border-color:var(--text)}.editor-grid{grid-template-columns:1.15fr .85fr;gap:18px;margin-top:26px;display:grid}.editor-panel{gap:12px;display:grid}.editor-panel textarea{border:1px solid var(--border);width:100%;min-height:160px;color:var(--text);resize:vertical;background:0 0;padding:16px 18px;font-size:10px;line-height:1.7}.style-controls{gap:14px;display:grid}.control-row{gap:8px;display:grid}.control-row label,.checkbox-row{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:9px;display:flex}.control-row label b{color:var(--text);font-weight:400}.control-row input[type=range]{background:var(--border);width:100%;height:1px}.control-row input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--text);cursor:pointer;border-radius:50%;width:10px;height:10px}.checkbox-row{justify-content:flex-start}.preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.preview-tile{gap:8px;display:grid}.preview-grid-art{border:1px solid var(--border);background:var(--paper);min-height:180px}.preview-grid-art svg{width:100%;height:auto;display:block}.preview-caption{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;gap:4px;font-size:8px;display:grid}.preview-caption strong{color:var(--text);font-weight:400}.tile-actions{border:1px solid var(--border);display:flex}@media (max-width:840px){.editor-grid{grid-template-columns:1fr}.preview-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.page-shell{padding:28px 16px 48px}.hero{margin-bottom:28px}.tagline{letter-spacing:.18em}.style-pills{margin-top:18px;padding-inline:2px}.pill{flex:none}.username-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.pgn-wrap{grid-template-columns:1fr}.username-field{border-right:1px solid var(--border);border-bottom:none;grid-column:1/-1}.pgn-field{border-right:1px solid var(--border);border-bottom:none}.username-wrap button{padding-inline:14px}.game-label{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.player{padding:12px 14px}.game-date{border-top:1px solid var(--border);border-left:none;grid-column:1/-1;align-items:flex-start;min-width:0;padding:10px 14px}.stats{display:grid}.stat,.action-link,.action-bar button{border-right:none;border-bottom:1px solid var(--border)}.stats-main{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{padding:10px}.action-bar{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.action-bar button{border-bottom:none;padding-inline:12px}.preview-grid{grid-template-columns:1fr}.project-social{text-align:center;width:100%;line-height:1.6}}