:root{--color-bg:#f7f1e6;--color-bg-alt:#efe4d0;--color-text:#3a2a1a;--color-text-muted:#7a6a55;--color-accent:#a6522c;--color-accent-bg:#f0d9b5;--color-border:#d8c8a8;--color-danger:#a83232;--font-heading:Georgia,"Times New Roman",serif;--font-body:system-ui,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--space-1:4px;--space-2:6px;--space-3:8px;--space-4:10px;--space-5:12px;--space-6:16px;--space-7:20px;--space-8:24px;--space-9:32px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg)}h1,h2{font-family:var(--font-heading);margin:0 0 8px}a{color:var(--color-accent)}button:where(:not(.move)):where(:not(.language-flag)){font:inherit;padding:var(--space-2) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-alt);color:var(--color-text);cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}button:where(:not(.move)):where(:not(.language-flag)):hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.language-flag:focus-visible,button:where(:not(.move)):where(:not(.language-flag)):focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}button:where(:not(.move)):where(:not(.language-flag)):disabled{opacity:.5;cursor:default}.btn-danger{color:var(--color-danger);border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.move{display:inline;background:none;border:none;padding:0 2px;margin:0;font:inherit;color:inherit;cursor:pointer;border-radius:3px}.move:focus-visible,.move:hover{text-decoration:underline;color:var(--color-accent)}.move-selected{background:var(--color-accent-bg)}.move-invalid{background:rgba(168,50,50,.15);cursor:not-allowed}.move-invalid:hover{text-decoration:none;color:inherit}.move-line{display:block}.move-line.variation{color:var(--color-text-muted);font-size:.92em}.move-outcome,.move-result{font-weight:600;padding:0 2px}.move-result{color:var(--color-text-muted)}.game-view{display:grid;grid-template-columns:max-content minmax(200px,480px);grid-gap:var(--space-8);gap:var(--space-8);align-items:stretch}@media (max-width:700px){.game-view{grid-template-columns:1fr;justify-items:center}}@container (max-width: 680px){.game-view{grid-template-columns:1fr;justify-items:center}}.game-view-board{display:flex;flex-direction:column;gap:8px;max-width:100%;min-width:0}.game-view-board svg{display:block;width:100%;height:auto;max-width:400px}.game-view-controls{display:flex;gap:8px}.game-view-controls button{flex:1 1}.game-view-moves{display:flex;flex-direction:column;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);min-width:0;line-height:1.8}.game-view-moves-header{display:flex;justify-content:flex-end;margin-bottom:var(--space-2)}.game-view-raw-toggle{padding:var(--space-1) var(--space-2);font-size:.9em;line-height:1}.game-view-raw{margin:0;font-family:var(--font-mono);font-size:.85em;line-height:1.6;white-space:pre-wrap;word-break:break-word}.page{padding:var(--space-8);max-width:600px;margin:0 auto}.page-wide{max-width:900px}.page-cabinet{max-width:1400px}.upload-card{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-7);margin-top:var(--space-6);max-width:320px;box-shadow:0 1px 3px rgba(58,42,26,.12)}.upload-card h2{margin:0 0 14px;font-size:1.1rem}.upload-field{margin-bottom:12px}.upload-field label{display:block;margin-bottom:6px;font-weight:600}.viewer-split{display:flex;gap:32px;align-items:stretch;margin-top:16px}.my-files-card{flex:1 1 260px;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:8px;padding:20px;display:flex;flex-direction:column;justify-content:center}.my-files-summary{color:var(--color-text-muted);margin:0 0 14px}.my-files-cta{align-self:flex-start;font-weight:600}.viewer-split .upload-card{flex:2 1 380px;margin-top:0;max-width:none}@media (max-width:700px){.viewer-split{flex-direction:column}}.viewer-landing{margin-top:var(--space-6)}.viewer-landing-hero{padding-bottom:var(--space-9);border-bottom:1px solid var(--color-border)}.viewer-landing-title{font-size:2.4rem;line-height:1.15;margin:0 0 var(--space-4)}.viewer-landing-tagline{color:var(--color-text-muted);max-width:52ch;font-size:1.15rem;line-height:1.5;margin:0 0 var(--space-7)}.viewer-landing-cta-primary{display:inline-block;background:var(--color-accent);border:1px solid var(--color-accent);color:var(--color-bg);font-size:1.05rem;font-weight:600;padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);text-decoration:none;cursor:pointer}.viewer-landing-cta-primary:hover:not(:disabled){background:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}.viewer-landing-hero-note{color:var(--color-text-muted);font-size:.9rem;margin:var(--space-4) 0 0}.viewer-landing-section{margin-top:var(--space-9)}.viewer-landing-section-heading{font-size:1.5rem;margin:0 0 var(--space-7)}.viewer-landing-steps{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8)}.viewer-landing-step-list{list-style:none;counter-reset:viewer-landing-step;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-8);gap:var(--space-8);margin:0;padding:0}.viewer-landing-step{counter-increment:viewer-landing-step}.viewer-landing-step:before{content:counter(viewer-landing-step);display:flex;align-items:center;justify-content:center;width:var(--space-9);height:var(--space-9);margin-bottom:var(--space-5);border-radius:50%;background:var(--color-accent);color:var(--color-bg);font-family:var(--font-heading);font-size:1.1rem;font-weight:700}.viewer-landing-step h3{margin:0 0 var(--space-3);font-size:1.05rem}.viewer-landing-step p{margin:0;color:var(--color-text-muted)}.viewer-landing-features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-7);gap:var(--space-7)}.viewer-landing-feature{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.viewer-landing-feature h3{margin:0 0 var(--space-3);font-size:1.05rem}.viewer-landing-feature p{margin:0;color:var(--color-text-muted)}.viewer-landing-example-link{display:block;max-width:480px}.viewer-landing-example-image{display:block;max-width:100%;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 1px 3px rgba(58,42,26,.12);transition:border-color .15s ease}.viewer-landing-example-link:focus-visible .viewer-landing-example-image,.viewer-landing-example-link:hover .viewer-landing-example-image{border-color:var(--color-accent)}.viewer-landing-example-caption{color:var(--color-text-muted);margin:var(--space-5) 0 var(--space-6);max-width:52ch}.viewer-landing-example-cta{display:inline-block;padding:var(--space-3) var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-alt);font-weight:600;text-decoration:none;transition:border-color .15s ease,background .15s ease}.viewer-landing-example-cta:focus-visible,.viewer-landing-example-cta:hover{border-color:var(--color-accent);background:var(--color-accent-bg)}.viewer-landing-closing{margin-top:var(--space-9);padding:var(--space-9) var(--space-8);text-align:center;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.viewer-landing-closing-heading{font-size:1.5rem;margin:0 0 var(--space-7)}@media (max-width:700px){.viewer-landing-features,.viewer-landing-step-list{grid-template-columns:1fr}.viewer-landing-title{font-size:1.9rem}}.page-actions-row{display:flex;align-items:flex-start;gap:var(--space-6);flex-wrap:wrap;border-bottom:1px solid var(--color-border);padding-bottom:var(--space-7);margin-bottom:var(--space-8)}.page-actions-row h1{flex:1 1;min-width:0}.game-tags{color:var(--color-text-muted);margin:4px 0 0}.download-link{flex-shrink:0;display:inline-block;padding:var(--space-2) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-alt);color:var(--color-text);text-decoration:none;font-size:.9em;white-space:nowrap}.download-link:hover{border-color:var(--color-accent);color:var(--color-accent)}.download-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.site-header{justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-8);border-bottom:1px solid var(--color-border)}.site-header,.site-header-left{display:flex;flex-wrap:wrap;align-items:center}.site-header-left{gap:var(--space-6)}.site-brand{display:flex;align-items:center;gap:8px;font-family:var(--font-heading);font-weight:700;font-size:1.1rem;color:var(--color-text);text-decoration:none}.site-brand-mark{width:26px;height:26px;flex-shrink:0}.site-tabs{display:flex;gap:16px}.site-tab{color:var(--color-text-muted);text-decoration:none;padding:4px 2px;border-bottom:2px solid transparent}.site-tab-active{color:var(--color-text);border-bottom-color:var(--color-accent)}.site-header-right{display:flex;align-items:center;gap:12px}.nav-spinner{width:16px;height:16px;flex-shrink:0;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:nav-spinner-spin .6s linear infinite}@keyframes nav-spinner-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.nav-spinner{animation:none}}.account-avatar{width:28px;height:28px;border-radius:50%;cursor:pointer;object-fit:cover}.language-switcher{display:flex;gap:8px}.language-flag{display:flex;align-items:center;background:none;border:1px solid transparent;border-radius:6px;padding:5px 8px;cursor:pointer}.language-flag svg{display:block;border-radius:2px}.language-flag-active{background:var(--color-accent-bg);border-color:var(--color-border)}.folder-breadcrumb{margin-bottom:12px}.breadcrumb-link{display:inline-flex;align-items:center;gap:4px;font-size:.85em;color:var(--color-text-muted);text-decoration:none}.breadcrumb-link:before{content:"←"}.breadcrumb-link:hover{color:var(--color-accent);text-decoration:underline}.folder-file-list{margin-top:32px;padding-top:24px;border-top:1px solid var(--color-border)}.page-actions-row+.folder-file-list{margin-top:8px;padding-top:0;border-top:none}.folder-file-list ul{list-style:none;padding:0;margin:0}.folder-file-list-item{padding:8px 0;border-bottom:1px solid var(--color-border)}.folder-file-list-item-active{background:var(--color-accent-bg)}.folder-file-list-item a{display:block;text-decoration:none}.folder-file-players{display:block;font-weight:600;color:var(--color-text)}.folder-file-position{color:var(--color-text-muted);font-weight:400;margin-right:4px}.folder-file-meta{display:block;color:var(--color-text-muted);font-size:.9em}.page-actions-buttons{display:flex;gap:8px;flex-shrink:0}.files-cabinet{display:flex;gap:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;min-height:400px;margin-top:var(--space-6)}.files-tree{width:300px;flex-shrink:0;border-right:1px solid var(--color-border);padding:var(--space-5);overflow-y:auto}.files-tree-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);border-radius:var(--radius-sm)}.files-tree-row:hover{background:var(--color-bg-alt)}.files-tree-expand{padding:var(--space-1);color:var(--color-text-muted)}.files-tree-expand,.files-tree-row-label{border:none;background:none;cursor:pointer}.files-tree-row-label{flex:1 1;min-width:0;text-align:left;padding:var(--space-2) var(--space-1);color:var(--color-text);border-radius:var(--radius-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.files-tree-row-selected{background:var(--color-accent-bg);font-weight:600}.files-tree-games{padding-left:var(--space-7)}.files-preview{flex:1 1;padding:var(--space-6);min-width:0;overflow-x:auto;overflow-y:auto;container-type:inline-size}.files-preview-empty{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.files-preview-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-5);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-4);margin-bottom:var(--space-5)}.files-preview-header h2{margin:0;min-width:0}.files-preview-links{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;min-width:0;font-size:.9em}.folder-upload{display:inline-flex;align-items:center}@media (max-width:700px){.files-cabinet{flex-direction:column}.files-tree{width:100%;border-right:none;border-bottom:1px solid var(--color-border);max-height:240px}}.files-tree-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.files-tree-new-folder,.files-tree-upload button{display:inline-flex;align-items:center;gap:var(--space-1);padding-left:var(--space-4);padding-right:var(--space-4)}.files-tree-row-actions{display:flex;gap:var(--space-1);opacity:.45;flex-shrink:0;transition:opacity .1s ease}.files-tree-row-actions:focus-within,.files-tree-row:hover .files-tree-row-actions{opacity:1}@media (hover:none){.files-tree-row-actions{opacity:1}}.files-tree-confirm button,.files-tree-row-actions button{padding:var(--space-1) var(--space-2);font-size:.85em;line-height:1}.files-tree-confirm{flex-wrap:wrap;font-size:.85em;flex:1 1 100%;padding:var(--space-1) 0 var(--space-1) var(--space-8)}.files-tree-confirm,.files-tree-rename{display:flex;align-items:center;gap:var(--space-2)}.files-tree-rename{flex-wrap:wrap;flex:1 1}.files-tree-rename input{flex:1 1 100%;min-width:0;font:inherit;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.files-preview-column{flex:1 1;display:flex;flex-direction:column;min-width:0}.files-preview-column .files-preview{flex:1 1}.files-bulk-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border);background:var(--color-bg-alt)}.files-move-picker{margin:0 var(--space-6) var(--space-6);padding:var(--space-6);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.files-move-picker ul{list-style:none;padding:0;margin:var(--space-3) 0}.files-move-picker button{margin:2px var(--space-1) 2px 0}.files-new-folder-inline{display:flex;gap:var(--space-3);margin:var(--space-5) 0}.files-new-folder-inline input{font:inherit;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.manage-link{flex-shrink:0;display:inline-block;padding:var(--space-2) var(--space-5);border:1px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-accent-bg);color:var(--color-accent);text-decoration:none;font-size:.9em;font-weight:600;white-space:nowrap}.manage-link:hover{background:var(--color-accent);color:#fff}.site-footer{padding:16px 24px;text-align:center;color:var(--color-text-muted);font-size:.75em}.login-modal-backdrop{position:fixed;inset:0;background:rgba(58,42,26,.45);display:flex;align-items:center;justify-content:center;padding:var(--space-6);z-index:100}.login-modal{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-7);max-width:360px;width:100%;box-shadow:0 4px 16px rgba(58,42,26,.25)}.login-modal h2{margin:0 0 var(--space-3);font-size:1.1rem}.login-modal p{color:var(--color-text-muted);margin:0 0 var(--space-6)}.login-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.login-modal-close{background:none;border:none;color:var(--color-text-muted);font-size:1rem;cursor:pointer;padding:var(--space-1) var(--space-3)}