:root{color:#243b32;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--green:#25644a;--ink:#243b32;--muted:#6b7970;--line:#dce1d6;--paper:#fcfcf7;background:#f5f5ef;font-family:Inter,Segoe UI,Microsoft YaHei,system-ui,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:9px;min-height:40px;padding:9px 14px}button{cursor:pointer;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:#edf2e7;border-color:#7f9f8e}button:disabled{opacity:.5;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,.board:focus-visible{outline-offset:4px;outline:3px solid #87bda0}.primary{background:var(--green);border-color:var(--green);color:#fff;font-weight:600}.primary:hover:not(:disabled){background:#194c37;border-color:#194c37}.text-button{color:var(--green);background:0 0;border-color:#0000;padding:8px 10px}.muted{color:var(--muted);font-size:13px;line-height:1.8}.app-shell{max-width:1360px;margin:auto;padding:0 48px}.site-header{border-bottom:1px solid var(--line);align-items:center;gap:28px;height:96px;display:flex}.brand{letter-spacing:-.7px;align-items:center;gap:10px;font-size:22px;font-weight:750;text-decoration:none;display:flex}.brand strong{font-weight:400}.brand img{border-radius:8px;width:33px;height:33px}.header-mode{color:var(--muted);border-left:1px solid var(--line);padding-left:26px;font-size:12px}.header-mode span{letter-spacing:1px;border:1px solid var(--line);border-radius:4px;margin-left:6px;padding:3px 5px;font-size:10px}.site-header nav{gap:12px;margin-left:auto;font-size:13px;display:flex}.nav-count{color:var(--muted);padding-left:5px}.page-heading{justify-content:space-between;align-items:center;margin:44px 0 38px;display:flex}.eyebrow{letter-spacing:2.3px;color:var(--green);font-size:10px;font-weight:600}h1{letter-spacing:-1.2px;margin:12px 0;font-size:34px;line-height:1.35}h2{margin:0;font-size:19px}.page-heading p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.save-status{color:var(--green);white-space:nowrap;background:#edf3e7;border:1px solid #d5e0d0;border-radius:40px;align-items:center;gap:7px;padding:9px 13px;font-size:12px;display:flex}.status-dot{vertical-align:middle;background:var(--green);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.game-layout{grid-template-columns:210px minmax(320px,480px) minmax(230px,1fr);align-items:start;gap:40px;display:grid}.game-details{padding-top:6px}.mode-pill{color:var(--green);letter-spacing:1.4px;align-items:center;gap:8px;margin-bottom:20px;font-size:10px;display:flex}.game-details h2{font-size:18px}.game-details>.muted{margin:8px 0 25px}.metrics{grid-template-columns:1fr 1fr;gap:22px 10px;margin:0;display:grid}.metrics div{min-width:0}.metrics dt{color:var(--muted);margin-bottom:8px;font-size:12px}.metrics dd{font-variant-numeric:tabular-nums;letter-spacing:-.8px;overflow-wrap:anywhere;margin:0;font-size:25px;font-weight:600}.metrics .score-card{background:#e9eee3;border:1px solid #dce4d6;border-radius:12px;grid-column:1/-1;padding:22px}.score-card dd{color:var(--green);font-size:39px;line-height:1.15}.score-card span{color:#7a8b7c;letter-spacing:2px;margin-top:12px;font-size:9px;display:block}.node-meta{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:25px;padding-top:19px;font-size:11px;display:flex}.node-meta code{color:var(--green);font-size:11px}.node-meta small{flex-basis:100%;font-size:11px}.detail-actions{gap:9px;margin-top:24px;display:grid}.detail-actions button{text-align:left;padding:12px 14px;font-size:12px}.play-area{min-width:0}.board{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background:#cdd6c5;border:1px solid #c7d1bf;border-radius:17px;outline:none;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px;display:grid}.cell{aspect-ratio:1;color:#3b5144;background:#dce3d5;border-radius:9px;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff30}.tile-number{letter-spacing:-1.5px;font-variant-numeric:tabular-nums;font-size:clamp(22px,3.5vw,42px);font-weight:650;animation:.14s ease-out tile-in}.cell.small-value .tile-number{letter-spacing:-.7px;font-size:clamp(16px,2.3vw,28px)}.level-1{background:#f4f3df}.level-2{background:#eee9cd}.level-3{background:#dae0b5}.level-4{background:#b6c999}.level-5{color:#193d2b;background:#91b47f}.level-6{color:#fff;background:#679965}.level-7{color:#fff;background:#458451}.level-8{color:#fff;background:#2d6e48}.level-9{color:#fff9dd;background:#285b40}.level-10{color:#3f3b26;background:#d6b862}.level-11{color:#fff;background:#bc9a40}.level-12{color:#f5e4a9;background:#35433c}.board-caption{color:var(--muted);letter-spacing:1px;justify-content:space-between;margin:12px 1px 0;font-size:10px;display:flex}.board-caption strong{color:var(--ink);font-weight:500}.input-help{justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.input-help p{color:var(--muted);margin:0;font-size:11px;line-height:1.8}.direction-pad{gap:5px;display:flex}.direction-pad button{background:#f9faf3;border-radius:7px;width:34px;min-height:34px;padding:0;font-size:18px}.action-message{color:var(--green);min-height:20px;margin:15px 0 0;font-size:11px;line-height:1.7}.panel-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.panel-title h2{font-size:15px;font-weight:650}.count{color:var(--muted);white-space:nowrap;background:#e7ecdf;border-radius:5px;padding:5px 7px;font-size:10px}.history-panel{border:1px solid var(--line);background:#fafbf5;border-radius:13px;padding:22px 16px}.history-intro{margin:10px 0 18px;font-size:11px}.history-list{scrollbar-width:thin;scrollbar-color:#bccbb7 transparent;max-height:406px;overflow:auto}.history-item{text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:62px;margin-bottom:4px;padding:11px 9px;display:flex}.history-item.selected{background:#e8eee0;border-color:#cbdac2}.history-glyph{width:28px;height:28px;color:var(--green);background:#f5f7ee;border:1px solid #d4ddcc;border-radius:7px;flex-shrink:0;place-items:center;font-size:16px;display:grid}.history-copy{flex:1;min-width:0}.history-copy strong{font-size:11px;font-weight:600;display:block}.history-copy small{color:var(--muted);margin-top:5px;font-size:9px;display:block}.history-score{overflow-wrap:anywhere;text-align:right;max-width:32%;font-size:14px;font-weight:600;line-height:1.2}.history-score small{color:var(--muted);margin-top:4px;font-size:9px;font-weight:400;display:block}.history-note{border-top:1px solid var(--line);color:var(--muted);margin:17px 3px 0;padding-top:16px;font-size:10px;line-height:1.9}.show-history{width:100%;font-size:11px}.preview-banner{background:#e9eee1;border:1px solid #ccd9c2;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;padding:13px;display:flex}.preview-banner>div{flex:1;min-width:160px}.preview-banner strong{font-size:12px;display:block}.preview-banner small{color:var(--muted);margin-top:6px;font-size:10px;line-height:1.7;display:block}.preview-banner button{min-height:34px;padding:7px 10px;font-size:11px}.branch-policy{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin:12px 0;font-size:11px;display:flex}.branch-policy select{background:#fcfcf7;min-height:36px;font-size:11px}.outcome{border:1px solid var(--line);background:#e8eee0;border-radius:9px;margin-top:15px;padding:16px;font-size:13px}.outcome p{color:var(--muted);margin:6px 0 0;font-size:11px;line-height:1.8}.outcome.won{background:#f1e9ce;border-color:#e3d6a6}.error-panel{color:#77461d;background:#fff4e6;border:1px solid #d5ad84;border-radius:12px;margin:0 0 25px;padding:20px;font-size:13px}.error-panel p{font-size:12px;line-height:1.8}.button-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.button-row button{font-size:12px}.failed{color:#8f5125;background:#fff0df;border-color:#dec3a1}.failed .status-dot{background:#b07235}.loading{text-align:center;color:var(--muted);padding:100px}.library{border-bottom:1px solid var(--line);padding:23px 0}.library-list{flex-wrap:wrap;gap:10px;display:flex}.library-list>button{text-align:left;flex-direction:column;gap:8px;min-width:210px;display:flex}.library-list strong{font-size:13px}.library-list span{color:var(--muted);font-size:11px}.welcome{text-align:center;padding:35px 20px 45px}.welcome-mark{grid-template-columns:repeat(2,64px);gap:7px;width:max-content;margin:0 auto 30px;display:grid;transform:rotate(-5deg)}.welcome-mark span{aspect-ratio:1;color:var(--green);background:#e4e9d4;border-radius:10px;place-items:center;font-size:30px;font-weight:650;display:grid}.welcome-mark span:nth-child(2){background:#eee9cd}.welcome-mark span:nth-child(3){background:#abc394}.welcome-mark span:nth-child(4){background:0 0;border:1px dashed #a3b59b;font-size:25px}.welcome h2{letter-spacing:-1px;margin:15px 0;font-size:34px;line-height:1.6}.welcome p{color:var(--muted);font-size:13px;line-height:2}.start-button{margin-top:17px;padding:13px 22px;font-size:14px}.start-button span{margin-left:35px}footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:44px;padding:23px 0 25px;font-size:10px;line-height:1.8;display:flex}footer>small{color:#758172;flex-basis:100%;font-size:10px}.footer-separator{color:#a4b19e;margin:0 10px}.offline-status{align-items:center;gap:16px;font-size:10px;display:flex}.offline-status .status-dot{background:#a9b7a2;margin-right:7px}.offline-status .status-dot.ready{background:var(--green)}.offline-status button{min-height:24px;padding:0;font-size:10px}@keyframes tile-in{0%{opacity:.7;transform:scale(.87)}to{opacity:1;transform:scale(1)}}.game-details h2,.library-list strong,.import-project strong{overflow-wrap:anywhere;max-width:100%}.modal-heading{z-index:5;background:var(--paper);box-shadow:0 10px 0 var(--paper);position:sticky;top:0}.dropzone{position:relative}.dropzone:focus-within{outline-offset:3px;outline:3px solid #87bda0}.dropzone .file-input{opacity:0;width:1px;height:1px;margin:0;position:absolute;overflow:hidden;border:0!important;padding:0!important}.file-choose-button{background:var(--paper);color:var(--green);border:1px solid #c3d3b8;border-radius:7px;padding:9px 18px;font-size:12px}.open-tree{width:100%;color:var(--green);margin-bottom:14px;font-size:11px}.export-match{margin-top:12px;font-size:11px}.modal{background:var(--paper);color:var(--ink);overscroll-behavior:contain;border:1px solid #cbd8c2;border-radius:18px;width:min(750px,94vw);max-height:92vh;padding:0;box-shadow:0 24px 100px #19372540}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#18332875}.modal-inner{padding:28px}.modal-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px;display:flex}.modal-heading h2{margin-top:9px;font-size:23px}.modal-close{min-width:44px;min-height:44px;font-size:26px}.modal h3{margin:0;font-size:15px}.modal input:not([type=checkbox]):not([type=range]),.modal select{border:1px solid var(--line);min-width:0;max-width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:11px 12px}.modal input:focus-visible{outline-offset:2px;outline:3px solid #87bda0}.field-label{color:var(--muted);flex-direction:column;gap:9px;margin:16px 0;font-size:12px;display:flex}.field-label input,.field-label select{width:100%;font-size:13px}.tree-modal{width:min(1250px,96vw)}.tree-toolbar{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;font-size:12px;display:flex}.tree-toolbar .button-row{align-items:center;gap:6px;margin:0}.tree-toolbar button{padding:8px 10px;font-size:11px}.tree-toolbar label{align-items:center;gap:5px;font-size:11px;display:flex}.tree-workspace{grid-template-columns:minmax(0,1fr) 245px;align-items:start;gap:22px;display:grid}.tree-main{min-width:0}.tree-canvas{border:1px solid var(--line);background:radial-gradient(#d8e1cf 1px,#0000 1px) 0 0/18px 18px,#f2f5eb;border-radius:12px;height:410px;position:relative;overflow:hidden}.tree-canvas svg{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.tree-canvas svg:active{cursor:grabbing}.tree-edge{fill:none;stroke:#94ad88;stroke-width:1.5px}.tree-node{cursor:pointer;outline:none}.tree-node rect{fill:#fcfcf5;stroke:#b8cbb0;stroke-width:1.5px}.tree-node text{fill:var(--ink);pointer-events:none;font-family:inherit;font-size:12px}.tree-node .tree-node-detail{fill:var(--muted);font-size:9px}.tree-node.active rect{stroke:var(--green);stroke-width:2.5px}.tree-node.selected rect{fill:#e0eccf;stroke:#4b805a;stroke-width:2.5px}.tree-node.archived rect{stroke-dasharray:4 3;fill:#eff0e9}.tree-node:focus-visible rect{stroke:#25644a;stroke-width:4px}.canvas-hint{color:var(--muted);pointer-events:none;background:#fcfcf2e8;border-radius:5px;padding:5px 8px;font-size:10px;position:absolute;bottom:12px;left:12px}.tree-inspector{border-left:1px solid var(--line);min-width:0;padding-left:22px}.tree-inspector .field-label{margin:0 0 15px;font-size:10px}.tree-inspector .field-label input{font-size:11px}.mini-board{max-width:200px;margin:15px auto 20px}.mini-board .board{border-radius:10px;gap:5px;padding:7px}.mini-board .cell{border-radius:5px}.mini-board .tile-number{letter-spacing:-.7px;font-size:22px}.mini-board .cell.small-value .tile-number{font-size:15px}.inspector-data{gap:11px;margin:19px 0;font-size:11px;display:grid}.inspector-data>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.inspector-data dt{color:var(--muted)}.inspector-data dd{overflow-wrap:anywhere;text-align:right;min-width:0;margin:0}.inspector-data button{min-height:25px;padding:0;font-size:10px}.hash-label{color:var(--muted);overflow-wrap:anywhere;margin-bottom:18px;font-size:9px;display:block}.inspector-actions{gap:8px;display:grid}.inspector-actions button{font-size:11px}.inspector-actions>.button-row{flex-wrap:wrap;gap:6px;margin:0;display:flex}.inspector-actions>.button-row>button{white-space:nowrap;flex:1;padding:9px 5px}.tree-inspector>.muted{margin-top:15px;font-size:10px}.tree-search{max-height:170px;margin-bottom:14px;overflow:auto}.tree-search button{text-align:left;border:0;width:100%;min-height:35px;font-size:10px;display:block}.tree-search p{font-size:11px}.replay-controls{flex-wrap:wrap;align-items:center;gap:8px;padding:18px 0 5px;font-size:11px;display:flex}.replay-controls strong{margin-right:7px}.replay-controls button{min-height:36px;padding:8px 10px;font-size:11px}.replay-controls label{color:var(--muted);align-items:center;gap:6px;margin-left:auto;display:flex}.replay-controls select{min-height:36px;font-size:11px;padding:6px!important}.replay-controls input[type=range]{width:100%;accent-color:var(--green);min-height:20px;margin:7px 0}.replay-controls small{color:var(--muted);font-size:10px}.file-tabs{border-bottom:1px solid var(--line);gap:7px;padding-bottom:12px;display:flex}.file-tabs button{background:0 0;border-color:#0000;min-width:110px;font-size:12px}.file-tabs button[aria-selected=true]{color:var(--green);background:#e8efde;border-color:#ccdac0}.file-export>.muted,.file-import>.muted{font-size:12px}.file-scope{background:#eef3e6;border:1px solid #d8e2cf;border-radius:10px;margin:20px 0;padding:18px;font-size:13px}.file-scope p{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.9}.check-label{align-items:center;gap:8px;font-size:12px;line-height:1.8;display:flex}.check-label input{accent-color:var(--green)}.file-export>.primary{min-height:44px;margin-top:9px}.file-success{color:var(--green);background:#eaf1df;border:1px solid #c4d7b7;border-radius:9px;margin-top:17px;padding:16px;font-size:13px;line-height:1.8}.file-success p{margin:8px 0 12px;font-size:12px}.file-error{color:#81572b;overflow-wrap:anywhere;background:#fff3e2;border:1px solid #d8bb99;border-radius:10px;margin-top:18px;padding:17px;font-size:12px;line-height:1.9}.file-error p{margin-bottom:0;font-size:11px}.dropzone{text-align:center;cursor:pointer;background:#f2f6e9;border:1px dashed #a9bd9f;border-radius:12px;flex-direction:column;align-items:center;gap:12px;margin:20px 0;padding:29px 20px;display:flex}.drop-symbol{color:var(--green);font-size:31px}.dropzone strong{overflow-wrap:anywhere;max-width:100%;font-size:14px}.dropzone small{color:var(--muted);font-size:10px;line-height:1.8}.dropzone input{max-width:100%;background:0 0!important;border:0!important;padding:7px!important;font-size:11px!important}.dropzone.busy{opacity:.6;cursor:default}.file-processing{color:var(--green);font-size:12px;line-height:1.8}.file-processing button{font-size:11px}.import-preview{border:1px solid var(--line);border-radius:11px;padding:21px}.import-counts{grid-template-columns:repeat(4,1fr);gap:15px;margin:23px 0 15px;display:grid}.import-counts dt{color:var(--muted);font-size:11px}.import-counts dd{color:var(--green);font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:25px}.import-project{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:12px 0;font-size:12px;display:flex}.import-project small{color:var(--muted);white-space:nowrap;font-size:10px}.import-preview>p{color:var(--muted);font-size:12px;line-height:1.9}.import-preview>.primary{min-height:44px;margin-top:8px}.migration-note{background:#f4eedb;border-radius:6px;padding:12px;color:#80672a!important;font-size:11px!important}.feature-loading{border:1px solid var(--line);background:var(--paper);color:var(--green);border-radius:8px;padding:12px 18px;font-size:12px;position:fixed;bottom:25px;right:25px;box-shadow:0 5px 30px #244b3230}@media (width<=800px){.tree-workspace{grid-template-columns:1fr}.tree-inspector{border-left:0;border-top:1px solid var(--line);grid-template-columns:160px minmax(0,1fr);gap:0 20px;padding:20px 0 0;display:grid}.tree-inspector .field-label,.tree-search{grid-column:1/-1}.mini-board{grid-area:2/1/5;width:160px;max-width:100%;margin:12px 0}.tree-inspector>.panel-title,.inspector-data,.hash-label{grid-column:2}.inspector-actions,.tree-inspector>.muted{grid-column:1/-1}.tree-inspector>.panel-title{flex-wrap:wrap;align-items:center;gap:8px}.tree-canvas{height:340px}.tree-inspector .mini-board .tile-number{font-size:20px}}@media (width<=600px){.site-header{flex-wrap:wrap;gap:10px;height:auto;min-height:105px;padding:18px 0 10px}.site-header nav{flex-basis:100%;justify-content:space-between;gap:7px;margin:0}.site-header nav button{padding:6px 8px}.brand{font-size:19px}.game-details .export-match{text-align:center;grid-column:1/-1;width:100%;min-height:38px;margin:4px 0 -7px}.modal-inner{padding:19px 16px}.modal-heading{margin-bottom:18px}.modal-heading h2{font-size:21px}.modal .eyebrow{font-size:8px}.modal{border-radius:13px;max-width:96vw;max-height:94dvh}.tree-toolbar{font-size:11px}.tree-toolbar .button-row{gap:6px}.tree-toolbar button{min-height:40px;padding:8px;font-size:10px}.tree-toolbar label{min-height:40px;margin-left:5px}.tree-canvas{height:300px}.tree-inspector{grid-template-columns:135px minmax(0,1fr);gap:0 14px}.tree-inspector .mini-board{width:135px}.tree-inspector .mini-board .tile-number{font-size:18px}.tree-inspector .mini-board .cell.small-value .tile-number{font-size:12px}.tree-inspector .mini-board .board{gap:4px;padding:5px}.tree-inspector .mini-board .cell{border-radius:4px}.inspector-data{gap:10px;font-size:10px}.tree-inspector>.panel-title h3{font-size:13px}.tree-inspector>.panel-title .count{font-size:9px}.tree-inspector .hash-label{font-size:8px}.replay-controls{gap:7px;font-size:10px}.replay-controls strong{width:100%}.replay-controls button{min-height:40px;padding:8px;font-size:10px}.replay-controls label{margin-left:0;font-size:10px}.replay-controls select{min-height:40px}.canvas-hint{font-size:9px}.file-tabs button{min-width:100px;min-height:44px;font-size:11px}.dropzone{padding:22px 12px}.dropzone strong{font-size:12px}.dropzone small{font-size:9px}.dropzone input{font-size:10px!important}.import-preview{padding:16px 13px}.import-counts{gap:10px}.import-counts dd{font-size:23px}.import-counts dt{font-size:10px}.import-project{flex-direction:column;align-items:flex-start;gap:7px;font-size:11px}.import-project small{white-space:normal;font-size:10px}.import-preview>p{font-size:11px}.file-scope{padding:15px}.file-scope p,.file-export>.muted,.file-import>.muted,.file-export .field-label{font-size:11px}.file-export select{font-size:12px}.open-tree{min-height:44px}.check-label{font-size:11px}}@media (width>=1450px){.app-shell{max-width:1420px;padding:0 68px}.game-layout{grid-template-columns:220px minmax(320px,500px) minmax(250px,1fr);gap:50px}}@media (width<=1150px){.app-shell{padding:0 28px}.game-layout{grid-template-columns:170px minmax(280px,1fr) 225px;gap:24px}.history-panel{padding:18px 11px}.history-item{gap:7px;padding:9px 5px}.input-help{flex-wrap:wrap}}@media (width<=960px){.game-layout{grid-template-columns:175px minmax(280px,480px);justify-content:center;gap:28px}.history-panel{grid-column:1/-1;margin-top:0}.history-list{grid-template-columns:1fr 1fr;gap:5px 16px;max-height:280px;display:grid}.history-note br{display:none}.page-heading{margin-top:34px}.header-mode{display:none}.tile-number{font-size:38px}.cell.small-value .tile-number{font-size:25px}}@media (width<=600px){.app-shell{padding:0 20px}.site-header{gap:8px;height:76px}.brand{gap:8px;font-size:18px}.brand img{width:27px;height:27px}.site-header nav{gap:0;font-size:11px}.site-header nav button{min-height:44px;padding:7px 5px}.nav-count{padding-left:2px}.page-heading{margin:30px 0 25px;display:block;position:relative}.eyebrow{letter-spacing:1.7px;font-size:9px}h1{margin:10px 0;font-size:26px}.page-heading p{font-size:11px}.save-status{width:max-content;margin-top:14px;padding:6px 9px;font-size:10px}.game-layout{flex-direction:column;gap:20px;display:flex}.game-details{grid-template-columns:1fr 1fr;align-items:start;gap:0 15px;width:100%;padding:0;display:grid}.mode-pill{grid-column:1/-1;margin:0 0 13px;font-size:9px}.game-details h2{font-size:16px}.game-details>.muted{grid-area:3/1;margin:7px 0 0;font-size:10px}.metrics{flex-wrap:wrap;grid-area:2/2/5;justify-content:flex-end;gap:12px 16px;display:flex}.metrics .score-card{text-align:right;background:0 0;border:0;width:100%;padding:0}.score-card dt{margin-bottom:4px;font-size:10px}.score-card dd{font-size:34px}.score-card span{display:none}.metrics>div:not(.score-card){align-items:center;gap:7px;display:flex}.metrics>div:not(.score-card) dt{margin:0;font-size:9px}.metrics>div:not(.score-card) dd{font-size:15px}.node-meta{border:0;grid-area:4/1;justify-content:flex-start;gap:5px;margin:13px 0 0;padding:0;font-size:9px}.node-meta code{font-size:10px}.node-meta small{display:none}.detail-actions{border-top:1px solid var(--line);grid-column:1/-1;justify-content:space-between;gap:10px;margin-top:17px;padding-top:16px;display:flex}.detail-actions button{text-align:center;flex:1;min-height:44px;padding:10px;font-size:11px}.play-area{width:100%}.board{border-radius:13px;gap:8px;padding:9px}.cell{border-radius:7px}.tile-number{font-size:33px}.cell.small-value .tile-number{font-size:24px}.board-caption{margin-top:10px;font-size:9px}.input-help{flex-wrap:nowrap;margin-top:18px}.input-help p{max-width:145px;font-size:10px}.direction-pad{gap:5px}.direction-pad button{width:36px;min-height:44px}.action-message{margin-top:12px;font-size:10px}.history-panel{width:100%;padding:19px 14px}.history-list{grid-template-columns:1fr;max-height:270px}.history-copy strong{font-size:12px}.history-copy small{font-size:10px}.history-item{min-height:62px;padding:10px 8px}.history-score{font-size:16px}.history-note{font-size:10px}.panel-title h2{font-size:14px}.preview-banner{gap:8px;padding:12px}.preview-banner>div{flex-basis:100%}.preview-banner button{min-height:40px}.branch-policy{font-size:10px}.branch-policy select{min-height:42px}footer{gap:10px;margin-top:27px;padding:20px 0;font-size:9px}footer>small{font-size:9px;line-height:1.8}.footer-separator{margin:0 5px}.offline-status{flex-wrap:wrap;font-size:9px}.welcome{padding:27px 0 25px}.welcome h2{font-size:29px}.welcome p{font-size:12px}.welcome-mark{grid-template-columns:repeat(2,56px)}.welcome .eyebrow{letter-spacing:1.2px;font-size:8px}.desktop-break{display:none}.error-panel{padding:16px;font-size:12px}.library-list>button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.board-scroll{border-radius:16px;width:100%;max-height:70dvh;overflow:auto}.board .cell{min-width:0;overflow:hidden}.board button.cell{color:inherit;border:0;min-height:0;padding:0;font-family:inherit}.board.selecting .cell{cursor:crosshair}.board .cell.target-selected{outline:3px solid var(--green);outline-offset:-3px;box-shadow:inset 0 0 0 6px #ffffff80}.board.dense .tile-number{font-size:18px}.board.dense .small-value .tile-number{font-size:12px}.custom-start{color:var(--green);background:0 0;border:0;margin:14px auto 0;font-size:12px;display:block}.board-caption strong{overflow-wrap:anywhere}.board-caption>span{min-width:0}.skill-panel{border:1px solid var(--line);background:var(--paper);border-radius:12px;margin-top:24px;padding:20px}.skill-panel .panel-title{flex-wrap:wrap;gap:10px}.skill-panel h3{margin:0;font-size:15px}.skill-panel .panel-title>span{color:var(--muted);font-size:10px}.skill-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px;display:grid}.skill-buttons button{border:1px solid var(--line);background:#f4f6ed;flex-direction:column;align-items:center;gap:5px;min-height:56px;padding:10px 6px;display:flex}.skill-buttons button.selected{border-color:var(--green);background:#e6efde}.skill-buttons strong{font-size:12px;font-weight:600}.skill-buttons small{color:var(--muted);font-size:10px}.undo-hint,.skill-cost{color:var(--muted);margin:13px 0 0;font-size:10px;line-height:1.8}.skill-target{border-top:1px solid var(--line);margin-top:16px;padding-top:17px}.skill-target>strong{color:var(--green);font-size:14px}.skill-target>p{font-size:12px;line-height:1.8}.skill-target .button-row{margin-top:14px}.skill-target .button-row button{min-height:44px;font-size:12px}.skill-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.target-coordinates{color:var(--green)}.skill-target input,.skill-target select,.setup-modal input:not([type=checkbox]),.setup-modal select,.setup-modal textarea{font:inherit;color:var(--ink);background:#fffef8;border:1px solid #cad3c3;border-radius:7px;width:100%;min-width:0;min-height:42px;padding:10px 12px}.setup-modal{width:min(860px,94vw)}.setup-modal>.modal-inner>p{font-size:12px;line-height:1.8}.setup-fields,.skill-config-fields{border:0;min-width:0;margin:0;padding:0}.setup-section{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.setup-section h3{color:var(--green);margin:0 0 18px;font-size:16px}.setup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;display:grid}.setup-modal .field-label{flex-direction:column;gap:7px;margin:0 0 13px;font-size:12px;line-height:1.7;display:flex}.setup-modal textarea{resize:vertical}.field-hint{color:var(--muted);margin:5px 0 15px;font-size:11px;line-height:1.8}.setup-checks{flex-wrap:wrap;align-items:center;gap:12px 19px;margin:14px 0;font-size:11px;line-height:1.8;display:flex}.setup-checks>span{color:var(--muted)}.setup-checks label{align-items:center;gap:6px;display:flex}.setup-modal input[type=checkbox]{accent-color:var(--green);flex-shrink:0;width:16px;height:16px}.preset-row{flex-wrap:wrap;gap:8px;margin:17px 0 24px;display:flex}.preset-row button{min-height:40px;padding:8px 12px;font-size:11px}.skill-configs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.skill-config{border:1px solid var(--line);background:#f6f7f0;border-radius:9px;min-width:0;padding:15px}.skill-config.enabled{background:#f0f5e9;border-color:#bdcdb2}.skill-enable{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.skill-config summary{color:var(--muted);cursor:pointer;margin-top:13px;font-size:10px;line-height:1.8}.skill-config-fields{margin-top:17px}.skill-config .setup-grid{gap:10px}.skill-config .field-label{gap:5px;margin-bottom:4px;font-size:10px}.skill-config input:not([type=checkbox]){padding:8px;font-size:12px}.skill-config .setup-checks{gap:9px;margin-bottom:0;font-size:10px}.setup-warnings{color:#79602a;background:#f7f2dd;border:1px solid #e4d9ae;border-radius:8px;margin-top:20px;padding:15px;font-size:11px;line-height:1.9}.setup-warnings ul,.setup-modal .file-error ul{margin:8px 0 0;padding-left:20px}.setup-submit{background:var(--paper);border-top:1px solid var(--line);z-index:4;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding:18px 0 4px;display:flex;position:sticky;bottom:-31px}.setup-submit span{color:var(--muted);font-size:12px}.setup-submit button{min-height:44px;font-size:13px}.history-glyph{flex-shrink:0;min-width:25px;font-size:12px}.mini-board .board-scroll{max-height:240px}.mini-board .board.dense .tile-number{font-size:10px}.skill-panel .field-label{flex-direction:column;gap:7px;font-size:12px;display:flex}.skill-panel input,.skill-panel select{font-size:13px}@media (width<=600px){.site-header{flex-wrap:wrap;height:auto;min-height:105px;padding:18px 0 10px}.site-header nav{flex-wrap:wrap;flex-basis:100%;justify-content:space-between;gap:3px;margin:0}.site-header nav button{padding:6px 4px;font-size:10px}.setup-modal .modal-inner{padding:19px 16px}.setup-grid{gap:12px}.setup-section{margin-top:22px;padding-top:18px}.setup-section h3{font-size:15px}.setup-modal .field-label{font-size:11px}.setup-checks{gap:10px;font-size:10px}.skill-configs{grid-template-columns:1fr}.skill-config .setup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.setup-submit{padding-bottom:4px;bottom:-20px}.setup-submit span{font-size:10px}.setup-submit button{padding:10px 12px;font-size:11px}.skill-panel{margin-top:20px;padding:16px 13px}.skill-buttons{gap:7px}.skill-buttons button{min-height:56px}.skill-buttons strong{font-size:11px}.skill-panel h3{font-size:14px}.skill-target>p{font-size:11px}.skill-cost,.undo-hint,.preset-row button{font-size:10px}.board-scroll{max-height:65dvh}.board-caption{gap:12px}.mini-board .board-scroll{max-height:180px}}.board.scrollable{touch-action:pan-x pan-y}.board-scroll-hint{color:var(--muted);margin:8px 0;font-size:10px;line-height:1.8}.setup-submit{padding-bottom:12px;bottom:0}.mini-board .board-scroll-hint{font-size:8px}.setup-modal .modal-inner{padding-bottom:22px}@media (width<=600px){.setup-submit{padding-top:12px;padding-bottom:12px;bottom:0}.setup-modal .modal-inner{padding-bottom:18px}}.board-editor-submit{background:var(--paper);z-index:4;border-top:1px solid var(--line);padding:12px 0;position:sticky;bottom:0}.board-editor-submit button{min-height:44px}.board-editor-modal .small-value .tile-number{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:clamp(11px,1.3vw,18px);overflow:hidden}.edit-actions{flex-direction:column;gap:8px;margin-top:18px;display:flex}.edit-actions button{min-height:40px;padding:10px;font-size:11px}.advanced-rules{background:#f5f8ef;border:1px solid #bdcdb2;border-radius:10px;min-width:0;margin-top:28px;padding:19px}.advanced-rules>summary{color:var(--green);cursor:pointer;font-size:13px;font-weight:600;line-height:1.8}.advanced-rules .setup-section{margin-top:18px;padding-top:18px}.advanced-rules h3{font-size:14px}.advanced-rules button{min-height:38px;margin:8px 5px 4px 0;padding:8px 12px;font-size:11px}.advanced-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.advanced-row .field-label{margin:0!important}.advanced-card{background:var(--paper);border:1px solid var(--line);border-radius:8px;min-width:0;margin:15px 0;padding:16px}.advanced-card>summary{color:var(--green);cursor:pointer;overflow-wrap:anywhere;margin-bottom:15px;font-size:12px;font-weight:600}.advanced-card>strong,.weight-editor>strong{margin:8px 0 12px;font-size:12px;display:block}.condition-editor{border-left:2px solid #c7d7be;min-width:0;margin:12px 0;padding:10px 0 4px 12px}.condition-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.condition-children{min-width:0}.condition-children .condition-children{margin-left:0}.event-action{border:1px dashed #c5d2bb;border-radius:7px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:14px 0;padding:14px;display:grid}.event-action .field-label{margin-bottom:4px}.event-action>button{grid-column:1/-1;justify-self:start}.event-action .check-label{align-self:center}.weight-editor{margin:15px 0}.weight-editor .advanced-row{margin-bottom:10px}.migration-preview{background:#eef5e6;border:1px solid #b7cdb0;border-radius:10px;margin:23px 0;padding:20px}.migration-preview h3{color:var(--green);margin-top:0;font-size:15px}.migration-preview p,.migration-preview li{overflow-wrap:anywhere;font-size:11px;line-height:1.9}.migration-board{max-width:320px;margin:15px auto}.migration-board .tile-number{font-size:25px}.board-editor-modal{width:min(650px,94vw)}.board-editor-modal>.modal-inner>p{font-size:12px;line-height:1.8}.board-edit-tools{flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0;display:flex}.board-edit-tools .field-label{flex-direction:column;gap:7px;max-width:150px;font-size:12px;display:flex}.board-edit-tools input:not([type=checkbox]){border:1px solid var(--line);width:100%;min-width:0;font:inherit;background:#fffef8;border-radius:6px;padding:9px}.board-edit-tools button{min-height:40px;font-size:11px}.board-editor-modal .board-scroll{max-width:470px;margin:auto}.draft-actions{margin:18px 0}.draft-actions button{min-height:40px;font-size:11px}.advanced-rules input:not([type=checkbox]),.advanced-rules select{max-width:100%}@media (width<=600px){.edit-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:9px;margin-top:8px;display:grid}.edit-actions button{min-height:44px;font-size:10px}.advanced-rules{padding:13px 10px}.advanced-rules .advanced-card{padding:12px 9px}.advanced-row{gap:7px}.advanced-row button{margin-right:0;padding:6px;font-size:10px}.advanced-rules .field-label{font-size:10px}.advanced-rules input:not([type=checkbox]),.advanced-rules select{padding:8px;font-size:11px}.condition-editor{border-left-width:1px;margin:8px 0;padding-left:7px}.condition-fields{gap:7px}.event-action{grid-template-columns:1fr;padding:11px 8px}.event-action>button{grid-column:auto}.migration-preview{padding:15px 12px}.board-edit-tools{gap:10px}.board-edit-tools .field-label{max-width:130px}.board-editor-modal>.modal-inner>p{font-size:11px}.draft-actions{gap:7px}.draft-actions button{padding:8px;font-size:10px}}.statistics-entry{width:100%;color:var(--green);background:#eef4e7;border:1px solid #b7cbb0;margin-top:12px;padding:12px;font-size:11px}.board-editor-submit{justify-content:space-between;align-items:center;gap:12px;display:flex}.board-editor-submit>span{color:var(--muted);font-size:11px}.board-edit-tools select{font:inherit;min-height:40px}.board-editor-modal .board-scroll{max-width:420px}.setup-nav{z-index:5;background:var(--paper);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;padding:9px 0;display:flex;position:sticky;top:76px}.setup-nav button{min-height:36px;padding:7px 10px;font-size:11px}.setup-section{scroll-margin-top:145px}.condition-summary{color:var(--green);overflow-wrap:anywhere;background:#e9f1e1;border-radius:6px;padding:10px;font-size:11px;line-height:1.8}.event-action>button{grid-column:auto}.history-pages{justify-content:space-between;align-items:center;gap:6px;margin:12px 0;font-size:10px;display:flex}.history-pages button{min-height:38px;padding:7px;font-size:10px}.tree-overview{background:var(--paper);cursor:crosshair;opacity:.94;border:1px solid #abc2a1;border-radius:5px;width:150px;height:70px;position:absolute;bottom:32px;right:12px}.tree-toolbar .button-row{flex-wrap:wrap}.tree-toolbar label{white-space:nowrap}.tree-canvas+.field-hint{margin:9px 0}.statistics-modal{width:min(1000px,96vw)}.statistics-modal .modal-inner>p{font-size:12px;line-height:1.8}.stats-tabs{border-bottom:1px solid var(--line);gap:6px;margin:20px 0;padding-bottom:10px;display:flex}.stats-tabs button{background:#f1f4e9;flex:1;min-height:44px;font-size:12px}.stats-tabs button[aria-selected=true]{background:var(--green);color:#fff;border-color:var(--green)}.stats-path-heading,.stats-list-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 14px;display:flex}.stats-path-heading .button-row{flex-wrap:wrap;gap:7px}.stats-path-heading button{min-height:40px;padding:9px;font-size:10px}.stats-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.stats-metrics>div{border:1px solid var(--line);background:#eef4e6;border-radius:9px;min-width:0;padding:16px}.stats-metrics dt{color:var(--muted);margin-bottom:10px;font-size:11px}.stats-metrics dd{color:var(--green);overflow-wrap:anywhere;max-height:95px;margin:0;font-size:23px;font-weight:600;overflow:auto}.score-trend{border:1px solid var(--line);background:#f8faf3;border-radius:10px;padding:20px}.score-trend .panel-title{flex-wrap:wrap;gap:10px}.score-trend .panel-title span{color:var(--muted);font-size:10px}.score-trend svg{width:100%;height:190px;margin:20px 0 10px;display:block;overflow:visible}.score-trend polyline,.trend-baseline{stroke:var(--green);stroke-width:2px;fill:none;vector-effect:non-scaling-stroke}.trend-baseline{stroke:#c8d4bd;stroke-dasharray:4 4;stroke-width:1px}.score-trend circle{fill:#4c805f;stroke:none;cursor:pointer}.score-trend circle.trend-hit{fill:#0000}.score-trend g.selected circle:not(.trend-hit){fill:#d09330;stroke:#78521b;stroke-width:2px;vector-effect:non-scaling-stroke}.score-trend g:focus circle:not(.trend-hit){stroke:#153c28;stroke-width:3px;vector-effect:non-scaling-stroke}.statistics-modal .field-label{flex-direction:column;gap:8px;font-size:12px;display:flex}.score-trend input[type=range]{width:100%;accent-color:var(--green)}.stats-breakdown{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px;display:grid}.stats-breakdown>span{background:#f2f5ed;border-radius:6px;justify-content:space-between;gap:10px;padding:12px;font-size:11px;display:flex}.stats-breakdown strong{color:var(--green)}.stats-list-heading label{align-items:center;gap:9px;font-size:11px;display:flex}.stats-table-scroll{width:100%;margin:16px 0;overflow:auto}.statistics-modal table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:550px;font-size:11px}.statistics-modal th,.statistics-modal td{text-align:left;border-bottom:1px solid var(--line);overflow-wrap:anywhere;vertical-align:top;padding:12px 10px}.statistics-modal th{color:var(--green);background:#f1f5e8}.statistics-modal td button{min-height:36px;padding:7px;font-size:10px}.statistics-modal tr[aria-current=step]{background:#e9f3de}.stats-pagination{justify-content:center;align-items:center;gap:14px;margin:20px 0;font-size:11px;display:flex}.stats-pagination button{min-height:40px;padding:9px;font-size:11px}.runtime-heading{justify-content:space-between;align-items:center;gap:15px;margin:22px 0;display:flex}.runtime-heading h3{overflow-wrap:anywhere;margin-top:9px!important}.rule-state section{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.rule-state p,.node-comparison p,.node-comparison li{overflow-wrap:anywhere;font-size:12px;line-height:1.9}.runtime-variables{margin:14px 0}.runtime-variables>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(70px,1fr) minmax(0,3fr);gap:16px;padding:12px 0;font-size:12px;display:grid}.runtime-variables dt{color:var(--green);overflow-wrap:anywhere}.runtime-variables dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.runtime-events{grid-template-columns:1fr 1fr;gap:12px;margin-top:17px;display:grid}.runtime-events article{border:1px solid var(--line);background:#f4f7ed;border-radius:8px;min-width:0;padding:16px}.runtime-events article>div{overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:12px;display:flex}.runtime-events article span{color:var(--green);font-size:10px}.runtime-events article p{font-size:11px}.node-comparison h3{margin-top:24px!important}.statistics-modal button,.setup-nav button{touch-action:manipulation}@media (width<=600px){.statistics-entry{grid-column:1/-1;min-height:44px;margin-top:0}.setup-nav{gap:4px;top:67px}.setup-nav button{min-height:38px;padding:6px 8px;font-size:10px}.setup-section{scroll-margin-top:180px}.board-edit-tools{grid-template-columns:1fr 1fr;display:grid}.board-edit-tools .field-label{max-width:none}.board-edit-tools .check-label{font-size:11px}.board-editor-submit>span{font-size:10px}.tree-overview{width:110px;height:50px;right:9px}.tree-toolbar .button-row{gap:7px}.tree-toolbar button{min-height:40px}.stats-tabs{gap:4px;margin-top:16px}.stats-tabs button{padding:9px;font-size:11px}.stats-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stats-metrics>div{padding:13px}.stats-metrics dd{font-size:20px}.stats-metrics dt{font-size:10px}.score-trend{padding:14px 11px}.score-trend svg{height:150px}.stats-breakdown{grid-template-columns:1fr 1fr}.stats-breakdown>span{font-size:10px}.stats-path-heading{align-items:start}.stats-path-heading button{min-height:44px}.stats-table-scroll{margin-top:13px}.statistics-modal th,.statistics-modal td{padding:10px 8px}.stats-pagination{gap:10px;font-size:10px}.stats-pagination button{font-size:10px}.runtime-events{grid-template-columns:1fr}.runtime-heading{align-items:start}.runtime-heading .mode-pill{white-space:nowrap}.statistics-modal .eyebrow{font-size:8px}.rule-state p,.node-comparison p,.node-comparison li{font-size:11px}.runtime-variables>div{gap:10px;font-size:11px}.history-pages{grid-column:1/-1}}.tree-edge.on-path{stroke:#417953;stroke-width:2px}.tree-node.on-path:not(.selected) rect{stroke:#90b882}.rule-identities{color:var(--muted);margin:14px 0;font-size:11px}.rule-identities summary{cursor:pointer}.rule-identities p{overflow-wrap:anywhere;font-size:10px}.preset-gallery{border:1px solid var(--line);border-radius:12px;margin:16px 0;padding:14px}.preset-gallery summary{cursor:pointer;font-weight:650}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.preset-grid button{text-align:left;white-space:normal;gap:6px;padding:14px;display:grid}.preset-grid span{color:var(--muted);font-size:12px;font-weight:400;line-height:1.6}.help-modal{max-width:720px}.help-modal section{margin:22px 0}.help-modal h3{margin-bottom:8px}.help-modal p{overflow-wrap:anywhere;line-height:1.8}.help-version{color:var(--muted)}.help-modal details{border:1px solid var(--line);border-radius:12px;padding:14px}.help-modal summary{cursor:pointer}@media (width<=560px){.preset-grid{grid-template-columns:1fr}}.visual-board{position:relative}.visual-board .cell{padding:0}.tile-layer{grid-template-columns:inherit;grid-template-rows:inherit;gap:inherit;padding:inherit;pointer-events:none;display:grid;position:absolute;inset:0}.tile-ghosts{pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.tile-layer,.tile-ghosts{color:#3b5144}.tile-visual{aspect-ratio:1;border-radius:9px;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.tile-visual.level-0{background:#ececd9}.tile-visual .tile-number{animation:none}.tile-visual.small-value .tile-number{letter-spacing:-.7px;font-size:clamp(16px,2.3vw,28px)}.board.dense .tile-visual{border-radius:4px}.board.dense .tile-visual.small-value .tile-number{letter-spacing:0;font-size:10px}.tile-visual.target-selected{outline-offset:-3px;outline:3px solid #2b7752;box-shadow:inset 0 0 0 5px #ffffff90}.app-shell{isolation:isolate;min-height:100vh;position:relative}.ambient-background{z-index:-1;pointer-events:none;background:radial-gradient(at 8% 14%,#d8e6cc70 0,#0000 45%),radial-gradient(at 94% 80%,#efe3c360 0,#0000 44%);position:fixed;inset:0}.ambient-on .board{background:linear-gradient(145deg,#d1dcc9,#bdceb6);box-shadow:0 12px 35px -18px #284f3760,inset 0 1px #ffffffb0}.ambient-on .tile-visual{box-shadow:inset 0 1px #ffffff90,inset 0 -2px #193b2812,0 2px 3px #1b392714}.ambient-on .score-card{background:linear-gradient(135deg,#edf2e5,#dfead6)}.score-card{position:relative}.score-float{color:var(--green);pointer-events:none;font-size:21px;font-style:normal;font-weight:700;animation:.7s ease-out forwards score-rise;position:absolute;top:10px;right:16px}.score-float.negative{color:#887450}@keyframes score-rise{0%{opacity:0;transform:translateY(8px)}20%{opacity:1}to{opacity:0;transform:translateY(-24px)}}.experience-quick{justify-content:flex-end;align-items:center;gap:7px;margin-top:12px;display:flex}.experience-quick button{border-radius:20px;min-height:30px;padding:4px 8px;font-size:11px}.experience-quick button[aria-pressed=true]{color:var(--green);background:#f0f5e8;border-color:#bdceaf}.experience-quick button>span{margin-right:3px}.experience-modal{max-width:620px}.experience-options{border-top:1px solid var(--line);margin-top:18px}.experience-option{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:22px;padding:19px 0;display:flex}.experience-option strong{font-size:14px}.experience-option p{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.65}.toggle-switch{background:#e0e4dc;border-color:#d0d8ca;border-radius:22px;flex-shrink:0;align-items:center;gap:7px;min-width:69px;min-height:34px;padding:5px 8px;display:flex}.toggle-switch span{background:#fff;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 4px #18382528}.toggle-switch small{font-size:11px}.toggle-switch.on{background:var(--green);color:#fff;border-color:var(--green);flex-direction:row-reverse}.toggle-switch.on:hover{color:#fff;background:#1e553e}.experience-volume{margin:22px 0 18px;font-size:13px;display:block}.experience-volume output{float:right;color:var(--muted);font-variant-numeric:tabular-nums}.experience-volume input{width:100%;accent-color:var(--green);margin-top:12px;display:block}.experience-preview{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.experience-note{border-top:1px solid var(--line);color:var(--muted);margin-top:22px;padding-top:15px;font-size:11px;line-height:1.7}.motion-off .score-float{display:none}.site-header nav{flex-wrap:wrap;gap:0 8px}.home-entry{white-space:nowrap}.brand[aria-disabled=true]{opacity:.6;cursor:default}.library-record{background:var(--paper);border:1px solid var(--line);border-radius:11px;flex:250px;align-items:center;min-width:250px;max-width:100%;display:flex}.library-open{text-align:left;background:0 0;border-color:#0000;flex-direction:column;flex:1;gap:8px;min-width:0;padding:14px;display:flex}.library-delete{color:#9a4337;flex-shrink:0;min-height:44px;margin:0 7px}.library-delete:hover:not(:disabled){color:#7d2f26;background:#fff0eb;border-color:#dfb4a9}.resume-library{color:var(--green);margin:19px auto 0;font-size:13px;display:block}.delete-modal{width:min(460px,94vw)}.delete-modal p{font-size:13px;line-height:1.8}.delete-match-name{border:1px solid var(--line);overflow-wrap:anywhere;background:#f0f3e9;border-radius:10px;padding:18px}.delete-match-name strong{font-size:16px;display:block}.delete-match-name small{color:var(--muted);margin-top:9px;font-size:11px;display:block}.delete-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.delete-actions button{min-width:90px;min-height:44px}.danger-button{color:#fff;background:#a0473a;border-color:#a0473a}.danger-button:hover:not(:disabled){color:#fff;background:#82372d;border-color:#82372d}@media (width<=600px){.experience-quick{justify-content:flex-start}.experience-option{gap:12px}.experience-preview{gap:8px}}