:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4;color:#e8ecf3;background:#11151b;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 18% 0%,rgba(63,120,179,.12),transparent 28%),radial-gradient(circle at 88% 12%,rgba(224,176,109,.08),transparent 24%),#11151b;color:#e8ecf3}.app-shell{max-width:900px;margin:0 auto;padding:20px 16px 28px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;padding:8px;border:1px solid rgba(143,190,255,.14);border-radius:10px;background:#121922c2;box-shadow:0 12px 28px #0000002e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-nav{display:flex;align-items:center;gap:8px}.desktop-nav-secondary{margin-left:auto}.nav-button,.nav-icon-button{min-height:36px;border-color:transparent;background:transparent}.nav-button:not(:disabled):hover,.nav-icon-button:not(:disabled):hover{border-color:#8fbeff29;background:#ffffff0d}.nav-icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;padding:0}.mobile-nav{display:none}.screen-shell{display:block}.panel{background:radial-gradient(circle at 92% 0%,rgba(224,176,109,.08),transparent 26%),#1a212b;border:1px solid #2c3644;border-radius:8px;padding:16px;box-shadow:0 16px 34px #00000038;animation:screen-enter .18s ease-out both}h1,h2,h3,p{margin-top:0}h1{margin-bottom:12px;line-height:1.08}h2{margin-bottom:10px}.field-row{display:grid;gap:6px;margin-bottom:12px}label{font-weight:600}select,button{font:inherit}select{padding:8px;border:1px solid #3b4758;border-radius:6px;background:#121922;color:#e8ecf3;transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #8fbeff;outline-offset:3px}button{padding:8px 12px;border-radius:6px;border:1px solid #3b4758;background:#222b37;color:#e8ecf3;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform 90ms ease,box-shadow .14s ease}button:not(:disabled):hover{background:#2a3442;border-color:#4b5b70}button:not(:disabled):active{transform:translateY(1px) scale(.99)}button:disabled{cursor:default}.btn-with-icon{display:inline-flex;align-items:center;gap:7px}.primary{background:#3f78b3;border-color:#346696;color:#fff}.primary:not(:disabled):hover{background:#4b86c2;border-color:#3f78b3}.screen-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:1px;overflow:hidden;margin:0 0 16px;border:1px solid #2c3644;border-radius:8px;background:#2c3644}.screen-facts div{min-height:72px;padding:10px 12px;background:#161d27f5}.screen-facts dt{margin-bottom:5px;color:#9faabd;font-size:.8rem;font-weight:700;text-transform:uppercase}.screen-facts dd{margin:0;color:#f3f6fb;font-size:1.15rem;font-weight:800}.summary-facts{margin-top:2px}.status-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}.status-row .timer,.status-row .score-callout{margin:0}.score-callout{display:flex;align-items:center;gap:8px;width:fit-content;min-height:34px;margin:0 0 16px;padding:5px 10px;border:1px solid rgba(143,190,255,.24);border-radius:999px;background:#3f78b31f;color:#dcecff;font-size:1.1rem;font-weight:700}.score-callout strong{color:#fff;font-size:inherit}.recommendation-band{margin:0 0 14px;padding:13px 14px;border:1px solid rgba(143,190,255,.24);border-radius:8px;background:radial-gradient(circle at 94% 20%,rgba(143,190,255,.14),transparent 26%),#161d27eb}.recommendation-band span{display:block;margin-bottom:3px;color:#9faabd;font-size:.82rem;font-weight:700;text-transform:uppercase}.recommendation-band strong{display:block;margin-bottom:3px;color:#fff;font-size:1.35rem}.recommendation-band p{margin-bottom:0;color:#c9d3e2}.recommended{font-weight:600}.source-credit{color:#b8c2d1;font-size:.95rem}.home-screen{display:grid;gap:14px}.home-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(190px,.75fr);gap:22px;align-items:center;background:radial-gradient(circle at 88% 18%,rgba(224,176,109,.12),transparent 24%),#1a212b}.home-hero-copy h1{margin-bottom:10px;font-size:clamp(2rem,5vw,3.4rem);line-height:1.03}.home-subtitle{max-width:560px;margin-bottom:12px;color:#d9e0ea;font-size:1.12rem}.home-board-preview{justify-self:end;width:min(100%,240px)}.home-board-preview .go-board{margin-bottom:0;box-shadow:inset 0 0 0 1px #ffe6aa38,inset 0 0 22px #5c361233,0 16px 30px #0000004d}.home-start-panel{display:grid;gap:12px}.home-start-panel h2{margin-bottom:4px}.home-section-note{margin-bottom:0;color:#b8c2d1}.home-start-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-start-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.recommended-badge{display:inline-flex;align-items:center;min-height:36px;padding:6px 10px;border:1px solid rgba(143,190,255,.28);border-radius:999px;background:#3f78b324;color:#dcecff;font-weight:700}.home-start-button{min-width:170px;justify-content:center}.home-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.progress-tile{min-height:78px;padding:12px;border:1px solid #2c3644;border-radius:8px;background:#161d27;animation:screen-enter .18s ease-out both}.progress-label{display:block;margin-bottom:6px;color:#9faabd;font-size:.84rem;font-weight:700;text-transform:uppercase}.progress-tile strong{font-size:1.35rem}a{color:#8fbeff;transition:color .14s ease}a:hover{color:#b8d7ff}.rules-box{min-width:0;margin:14px 0;border:1px solid #2c3644;border-radius:8px;background:#161d27;transition:border-color .14s ease,background-color .14s ease}.rules-box.home-rules{margin:0}.rules-box summary{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;font-weight:600}.rules-content{padding:0 12px 12px;overflow-wrap:anywhere}.rules-content ul{margin:0 0 12px;padding-left:20px}.rules-content li{margin-bottom:5px}.rules-table-wrap{position:relative;max-width:100%;overflow-x:auto;border:1px solid #2c3644;border-radius:8px;-webkit-overflow-scrolling:touch}.rules-table-wrap:after{position:sticky;right:0;display:block;width:34px;height:0;margin-top:-1px;margin-left:auto;content:"";box-shadow:-18px 0 20px #141a23e0;pointer-events:none}.rules-table{width:100%;min-width:620px;border-collapse:collapse;font-size:.92rem}.rules-table th,.rules-table td{padding:7px 8px;border:0;border-right:1px solid #2c3644;border-bottom:1px solid #2c3644;text-align:left;white-space:nowrap}.rules-table th:last-child,.rules-table td:last-child{border-right:0}.rules-table tbody tr:last-child td{border-bottom:0}.rules-table th{background:#222b37}.rules-table td{background:#141a23}.summary-box{margin-top:16px;padding-top:12px;border-top:1px solid #2c3644}.timer{display:flex;align-items:center;gap:8px;width:fit-content;min-height:34px;margin-bottom:16px;padding:5px 10px;border:1px solid rgba(143,190,255,.2);border-radius:999px;background:#121922b8;color:#b8c2d1;font-size:1.1rem}.timer strong{color:#fff;font-variant-numeric:tabular-nums}.warning{padding:9px 11px;border:1px solid rgba(255,182,138,.24);border-radius:8px;background:#ffb68a14;color:#ffb68a;font-weight:600}.success{padding:9px 11px;border:1px solid rgba(143,227,164,.24);border-radius:8px;background:#8fe3a414;color:#8fe3a4;font-weight:600}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.button-row>button{min-width:max-content}.button-row.wrap{flex-wrap:wrap}.action-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-top:16px}.board-action-bar{width:100%;max-width:520px}.action-group{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.action-group-primary{justify-content:flex-end;margin-left:auto}.color-toggle{display:flex;width:fit-content;border:1px solid #3b4758;border-radius:999px;overflow:hidden;margin-bottom:16px;background:#121922;padding:3px;gap:3px}.color-toggle button{display:inline-flex;align-items:center;gap:7px;border-radius:999px;border:0;min-width:104px;background:transparent;color:#b8c2d1;font-weight:700}.color-toggle button.active{background:#3f78b33d;color:#fff;box-shadow:inset 0 0 0 1px #8fbeff52,0 0 0 1px #8fbeff0f}.color-chip{width:18px;height:18px;flex:0 0 auto;border-radius:50%}.color-chip.black{background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.18),transparent 18%),radial-gradient(circle at 58% 68%,#050505,#111 58%,#222);box-shadow:inset -2px -3px 5px #00000094,inset 1px 1px 3px #ffffff14,0 1px 2px #00000075}.color-chip.white{background:radial-gradient(circle at 34% 26%,#fff,#fff 22%,#f4f4f4 52%,#d6d6d6);box-shadow:inset -2px -3px 5px #7878783d,inset 1px 1px 3px #ffffffdb,0 1px 2px #00000061,0 0 1px #1e18128c}.board-wrap h3{color:#c9d3e2;font-size:.95rem;font-weight:700;margin-bottom:8px}.coord-label{position:relative;z-index:2;color:#3f280d;font-size:.76rem;font-weight:700;line-height:1;-webkit-user-select:none;user-select:none;align-self:center;justify-self:center}.coord-label-top{align-self:end;padding-bottom:2px}.coord-label-bottom{align-self:start;padding-top:2px}.coord-label-left{justify-self:end;padding-right:3px}.coord-label-right{justify-self:start;padding-left:3px}.go-board{position:relative;width:100%;max-width:520px;aspect-ratio:1 / 1;display:grid;background:radial-gradient(circle at 22% 18%,rgba(255,236,176,.26),transparent 24%),radial-gradient(circle at 78% 82%,rgba(122,73,22,.18),transparent 28%),repeating-linear-gradient(8deg,rgba(92,54,18,.12) 0,rgba(92,54,18,.12) 2px,transparent 2px,transparent 13px),linear-gradient(135deg,#e0b06d,#d0a05f 48%,#c7924f);border:none;box-shadow:inset 0 0 0 1px #ffe6aa38,inset 0 0 26px #5c361238,0 12px 26px #00000047;padding:0;overflow:hidden;margin-bottom:12px;animation:board-enter .22s ease-out both}.go-board.with-coordinates{max-width:556px}.board-grid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.board-grid.coordinate-grid{top:22px;right:22px;bottom:22px;left:22px;width:calc(100% - 44px);height:calc(100% - 44px)}.board-grid line{stroke:#3f280d;stroke-width:1.4px;vector-effect:non-scaling-stroke}.board-grid .hoshi{fill:#3f280d}.board-cell{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;z-index:1;border:none;border-radius:0;margin:0;padding:0;background:transparent}.board-cell.editable{cursor:pointer}.board-cell.editable:hover{background:radial-gradient(circle,rgba(255,255,255,.16) 0 9%,transparent 10%)}.stone{position:absolute;width:90%;height:90%;border-radius:50%;top:5%;left:5%;z-index:2;transform:scale(1);transition:transform .11s ease,box-shadow .11s ease,opacity .11s ease;animation:stone-settle .13s cubic-bezier(.2,.9,.25,1.25) both}.stone.black{background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.18),transparent 18%),radial-gradient(circle at 58% 68%,#050505,#111 58%,#222);box-shadow:inset -5px -7px 10px #00000094,inset 3px 3px 6px #ffffff14,0 2px 4px #00000075}.stone.white{background:radial-gradient(circle at 34% 26%,#fff,#fff 22%,#f4f4f4 52%,#d6d6d6);border:none;box-shadow:inset -5px -7px 10px #7878783d,inset 3px 3px 7px #ffffffdb,0 2px 5px #00000061,0 0 1px #1e18128c}.stone.ghost{opacity:.42;transform:scale(.92);box-shadow:none;animation:none}.highlight-label{position:absolute;bottom:3px;right:3px;font-size:10px;font-weight:700;background:#fff;color:#11151b;border:1px solid #555;border-radius:4px;padding:0 3px;z-index:3;animation:marker-enter .16s ease-out both}.highlight-one-point{outline:2px dashed #7a5b00}.highlight-two-point{outline:2px dashed #b02020}.highlight-missing{outline:2px dashed #8a3500}.result-grid{display:grid;gap:18px;grid-template-columns:1fr 1fr}.mistake-list{margin:0;padding:0;list-style:none}.mistake-list li{padding:9px 0;border-top:1px solid #2c3644}.mistake-list li:last-child{border-bottom:1px solid #2c3644}.empty-state{margin-bottom:0;color:#b8c2d1}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:18px;background:#080b0fb8;animation:screen-enter .15s ease-out both}.modal-dialog{position:relative;width:min(100%,430px);padding:20px;border:1px solid #2c3644;border-radius:8px;background:radial-gradient(circle at 92% 0%,rgba(224,176,109,.08),transparent 26%),#1a212b;box-shadow:0 24px 54px #00000073}.modal-dialog h2{margin-right:36px}.modal-dialog p{color:#c9d3e2}.modal-close{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0}.modal-actions{justify-content:flex-end}.settings-dialog{width:min(100%,560px)}.settings-section{padding:14px 0;border-top:1px solid #2c3644}.settings-section h3{margin:0 0 10px;color:#f3f6fb;font-size:.96rem}.segmented-control{display:inline-flex;flex-wrap:wrap;gap:3px;padding:3px;border:1px solid #3b4758;border-radius:999px;background:#121922}.segmented-control button{border-color:transparent;border-radius:999px;background:transparent}.segmented-control button.active{border-color:#8fbeff47;background:#2a3442;color:#fff}.board-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.board-style-option{display:grid;gap:8px;justify-items:center;min-height:112px;padding:10px;border-color:#2c3644;background:#121922b8;color:#dce5f2;text-align:center}.board-style-option.active{border-color:#8fbeff7a;background:#3f78b329;box-shadow:inset 0 0 0 1px #8fbeff1f}.board-style-preview{display:block;width:min(100%,94px);pointer-events:none}.board-style-preview .board-wrap{width:100%}.board-style-preview .go-board{margin-bottom:0}.board-style-current-preview .go-board{background:radial-gradient(circle at 22% 18%,rgba(255,236,176,.26),transparent 24%),radial-gradient(circle at 78% 82%,rgba(122,73,22,.18),transparent 28%),repeating-linear-gradient(8deg,rgba(92,54,18,.12) 0,rgba(92,54,18,.12) 2px,transparent 2px,transparent 13px),linear-gradient(135deg,#e0b06d,#d0a05f 48%,#c7924f);border:none;box-shadow:inset 0 0 0 1px #ffe6aa38,inset 0 0 26px #5c361238,0 8px 16px #00000038}.board-style-original-preview .go-board{background:#d7a864;border:none;box-shadow:0 8px 16px #00000038}.board-style-current-preview .stone{animation:stone-settle .13s cubic-bezier(.2,.9,.25,1.25) both}.board-style-current-preview .stone.black{background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.18),transparent 18%),radial-gradient(circle at 58% 68%,#050505,#111 58%,#222);box-shadow:inset -5px -7px 10px #00000094,inset 3px 3px 6px #ffffff14,0 2px 4px #00000075}.board-style-current-preview .stone.white{background:radial-gradient(circle at 34% 26%,#fff,#fff 22%,#f4f4f4 52%,#d6d6d6);border:none;box-shadow:inset -5px -7px 10px #7878783d,inset 3px 3px 7px #ffffffdb,0 2px 5px #00000061,0 0 1px #1e18128c}.board-style-original-preview .stone{animation:none}.board-style-original-preview .stone.black{background:#121212;box-shadow:none}.board-style-original-preview .stone.white{background:#f4f4f4;border:1px solid #000;box-shadow:none}.setting-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border:1px solid #2c3644;border-radius:8px;background:#121922b8}.setting-toggle-copy{display:grid;gap:4px}.setting-toggle small,.volume-control span{color:#9faabd}.setting-toggle input{width:44px;height:24px;accent-color:#3f78b3}.volume-control{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin-top:10px}.volume-control input{width:100%;accent-color:#3f78b3}.volume-control input:disabled,.sound-test-button:disabled{opacity:.52}.sound-test-button{margin-top:10px}.mobile-menu-dialog{width:min(100%,360px)}.mobile-menu-actions{display:grid;gap:10px}.mobile-menu-actions button{justify-content:flex-start;min-height:44px}:root.theme-light{color:#20242a;background:#f4efe7;color-scheme:light}:root.theme-light body{background:radial-gradient(circle at 18% 0%,rgba(63,120,179,.1),transparent 28%),radial-gradient(circle at 88% 12%,rgba(196,132,45,.12),transparent 24%),#f4efe7;color:#20242a}:root.theme-light .app-header{border-color:#5866782e;background:#fffbf4d1;box-shadow:0 12px 28px #5d46271f}:root.theme-light .nav-button,:root.theme-light .nav-icon-button{border-color:transparent;background:transparent;color:#20242a}:root.theme-light .nav-button:not(:disabled):hover,:root.theme-light .nav-icon-button:not(:disabled):hover{border-color:#58667829;background:#3f78b314}:root.theme-light .panel,:root.theme-light .home-hero,:root.theme-light .modal-dialog{border-color:#ded0bd;background:radial-gradient(circle at 92% 0%,rgba(196,132,45,.1),transparent 26%),#fffaf3;box-shadow:0 16px 34px #5d46271f}:root.theme-light select,:root.theme-light button{border-color:#cdbfae;background:#fbf6ee;color:#20242a}:root.theme-light button:not(:disabled):hover{border-color:#b6a48e;background:#f0e7da}:root.theme-light .primary{border-color:#346696;background:#3f78b3;color:#fff}:root.theme-light .primary:not(:disabled):hover{border-color:#3f78b3;background:#4b86c2}:root.theme-light .home-subtitle,:root.theme-light .home-section-note,:root.theme-light .source-credit,:root.theme-light .empty-state,:root.theme-light .timer,:root.theme-light .color-toggle button,:root.theme-light .board-wrap h3,:root.theme-light .modal-dialog p,:root.theme-light .setting-toggle small,:root.theme-light .volume-control span{color:#586578}:root.theme-light .screen-facts,:root.theme-light .rules-table-wrap{border-color:#ded0bd;background:#ded0bd}:root.theme-light .screen-facts div,:root.theme-light .progress-tile,:root.theme-light .rules-box,:root.theme-light .setting-toggle,:root.theme-light .board-style-option{border-color:#ded0bd;background:#fff7ed}:root.theme-light .screen-facts dt,:root.theme-light .progress-label,:root.theme-light .recommendation-band span,:root.theme-light .settings-section h3{color:#586578}:root.theme-light .screen-facts dd,:root.theme-light .progress-tile strong,:root.theme-light .recommendation-band strong,:root.theme-light .timer strong,:root.theme-light .score-callout strong,:root.theme-light .settings-section h3{color:#20242a}:root.theme-light .recommended-badge,:root.theme-light .score-callout{border-color:#3f78b338;background:#3f78b31a;color:#244e77}:root.theme-light .recommendation-band{border-color:#3f78b32e;background:radial-gradient(circle at 94% 20%,rgba(63,120,179,.1),transparent 26%),#fff7ed}:root.theme-light .recommendation-band p{color:#4a5666}:root.theme-light .rules-table th,:root.theme-light .rules-table td{border-color:#ded0bd}:root.theme-light .rules-table th{background:#f0e7da}:root.theme-light .rules-table td{background:#fffaf3}:root.theme-light .rules-table-wrap:after{box-shadow:-18px 0 20px #fffaf3e6}:root.theme-light .timer,:root.theme-light .color-toggle,:root.theme-light .segmented-control{border-color:#cdbfae;background:#fffaf3}:root.theme-light .color-toggle button,:root.theme-light .segmented-control button{border-color:transparent;background:transparent}:root.theme-light .color-toggle button.active,:root.theme-light .segmented-control button.active,:root.theme-light .board-style-option.active{border-color:#3f78b357;background:#3f78b31f;color:#20242a;box-shadow:inset 0 0 0 1px #3f78b314}:root.theme-light .go-board{box-shadow:inset 0 0 0 1px #ffe6aa38,inset 0 0 26px #5c361233,0 12px 24px #5d46272e}:root.theme-light .home-board-preview .go-board{box-shadow:inset 0 0 0 1px #ffe6aa38,inset 0 0 22px #5c36122e,0 16px 30px #5d46272e}:root.theme-light .board-cell{border:none;background:transparent}:root.theme-light .board-cell.editable:hover{background:radial-gradient(circle,rgba(255,255,255,.16) 0 9%,transparent 10%)}:root.theme-light .summary-box,:root.theme-light .mistake-list li,:root.theme-light .settings-section{border-color:#ded0bd}:root.theme-light .modal-backdrop{background:#2b231a61}:root.theme-light .warning{border-color:#a7581642;background:#a7581614;color:#934b10}:root.theme-light .success{border-color:#29804c3d;background:#29804c14;color:#1e7a49}:root.theme-light a{color:#276ba7}:root.theme-light a:hover{color:#174f82}:root.board-style-original .go-board{background:#d7a864;border:none;box-shadow:none}:root.board-style-original .home-board-preview .go-board{box-shadow:none}:root.board-style-original .stone{animation:none;transition:transform .11s ease,opacity .11s ease}:root.board-style-original .stone.black{background:#121212;box-shadow:none}:root.board-style-original .stone.white{background:#f4f4f4;border:1px solid #000;box-shadow:none}:root.board-style-original .stone.ghost{opacity:.45}:root.board-style-original .board-style-current-preview .go-board{background:radial-gradient(circle at 22% 18%,rgba(255,236,176,.26),transparent 24%),radial-gradient(circle at 78% 82%,rgba(122,73,22,.18),transparent 28%),repeating-linear-gradient(8deg,rgba(92,54,18,.12) 0,rgba(92,54,18,.12) 2px,transparent 2px,transparent 13px),linear-gradient(135deg,#e0b06d,#d0a05f 48%,#c7924f);border:none;box-shadow:inset 0 0 0 1px #ffe6aa38,inset 0 0 26px #5c361238,0 8px 16px #00000038}:root.board-style-original .board-style-current-preview .stone{animation:stone-settle .13s cubic-bezier(.2,.9,.25,1.25) both}:root.board-style-original .board-style-current-preview .stone.black{background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.18),transparent 18%),radial-gradient(circle at 58% 68%,#050505,#111 58%,#222);box-shadow:inset -5px -7px 10px #00000094,inset 3px 3px 6px #ffffff14,0 2px 4px #00000075}:root.board-style-original .board-style-current-preview .stone.white{background:radial-gradient(circle at 34% 26%,#fff,#fff 22%,#f4f4f4 52%,#d6d6d6);border:none;box-shadow:inset -5px -7px 10px #7878783d,inset 3px 3px 7px #ffffffdb,0 2px 5px #00000061,0 0 1px #1e18128c}.level-preview-grid{margin-top:16px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.level-preview-item{border:1px solid #2c3644;border-radius:8px;padding:10px;background:radial-gradient(circle at 88% 0%,rgba(224,176,109,.08),transparent 25%),#161d27;animation:screen-enter .18s ease-out both;transition:border-color .14s ease,background-color .14s ease}.level-preview-item h3{margin-bottom:8px}.pause-panel{text-align:center}.pause-count{font-size:3rem;font-weight:700;margin:0;animation:count-pulse .26s ease-out both}@keyframes screen-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes board-enter{0%{opacity:0;transform:translateY(4px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes stone-settle{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes marker-enter{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@keyframes count-pulse{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}@media (max-width: 760px){.app-shell{padding-top:12px}.app-header{margin-bottom:12px}.desktop-nav{display:none}.mobile-nav{display:flex}.home-hero{grid-template-columns:1fr}.home-board-preview{justify-self:center;width:min(100%,220px)}.home-start-grid{grid-template-columns:1fr;gap:4px}.home-start-actions{align-items:stretch}.home-start-button{flex:1 1 180px}.recommended-badge{justify-content:center}.home-progress{grid-template-columns:1fr}.rules-box summary{align-items:flex-start;line-height:1.25}.rules-content{padding:0 10px 10px}.rules-table-wrap{margin-right:-2px;margin-left:-2px;overflow-x:auto}.rules-table{min-width:560px;font-size:.86rem}.rules-table th,.rules-table td{padding:6px 7px}.result-grid,.level-preview-grid,.board-style-grid{grid-template-columns:1fr}.board-style-option{grid-template-columns:76px 1fr;justify-items:start;align-items:center;min-height:auto;text-align:left}}@media (max-width: 480px){.settings-dialog{padding:16px}.segmented-control{display:grid;grid-template-columns:1fr;width:100%;border-radius:10px}.segmented-control button{justify-content:center;border-radius:8px}.setting-toggle{align-items:flex-start}.volume-control{grid-template-columns:1fr;gap:6px}.action-bar{align-items:stretch}.action-group,.action-group-primary{width:100%;margin-left:0}.action-group>button{flex:1 1 calc(50% - 8px);justify-content:center}.action-group-primary>.primary{flex-grow:2}.button-row>button{flex:1 1 calc(50% - 8px);justify-content:center}}