:root{color-scheme:light;--ink:#55412d;--muted:#947d60;--teal:#397d78;--ease:cubic-bezier(.2,.8,.2,1);--board-size:min(520px,calc(100vw - 32px))}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:14px system-ui,-apple-system,sans-serif;background:radial-gradient(ellipse at 8% 0,#fff7e7,transparent 64%),linear-gradient(135deg,#ffe8c8,#ffd09c);min-height:100svh}.native-backdrop body{background:transparent}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit;color:inherit}button{cursor:pointer;border:1px solid #fff9e9cc;background:#fff8e8ad;border-radius:14px;padding:10px 14px;transition:background .18s,color .18s,transform .18s}button:active{transform:scale(.96)}button:disabled{opacity:.32;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #4b8d83;outline-offset:3px}button[hidden],[hidden]{display:none!important}a{color:inherit;text-decoration:none}.opening-room{max-width:1420px;margin:auto;padding:20px 28px}.opening-header{display:flex;align-items:center;justify-content:space-between;gap:14px;height:36px;margin-bottom:20px;color:var(--muted);font-size:11px}.opening-header a{display:flex;align-items:center;gap:9px;color:var(--ink);white-space:nowrap}.opening-header a>span{font-size:29px;line-height:1}.opening-wordmark{font-size:9px;letter-spacing:2px}.opening-layout{display:grid;grid-template-columns:minmax(230px,1fr) minmax(300px,1.55fr) minmax(260px,1.15fr);grid-template-areas:'catalogue stage detail';align-items:start;gap:24px}.opening-stage{grid-area:stage;min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px}.opening-island{width:94%;min-height:68px;display:flex;align-items:center;gap:12px;padding:12px 19px;border-radius:50px;border:1px solid #fff6da;box-shadow:inset 0 1px 4px #fffdf0,0 5px 20px #95734c13;background:linear-gradient(115deg,#fff6d9,#e4d2a5);margin:0 auto 3px}.opening-island img{flex:none;width:34px;height:34px;object-fit:contain}.island-copy{min-width:0;flex:1}.island-copy b,.island-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.island-copy b{font-size:14px;font-weight:600}.island-copy small{font-size:10px;color:#92784f;margin-top:5px}.island-mark{font-size:21px;color:#8b7148}.opening-island[data-state=offbook]{background:linear-gradient(115deg,#fff5df,#e3d5b3)}.opening-island[data-state=recognized]{box-shadow:inset 0 1px 4px #fffdf0,0 3px 22px #ac843328}.board-shell{width:100%;aspect-ratio:1;padding:10px;border-radius:25px;background:#b58c6c;box-shadow:inset 0 0 0 3px #ffe7bb,0 12px 30px #9b66331c}#board{display:grid;grid-template-rows:repeat(8,minmax(0,1fr));width:100%;height:100%;aspect-ratio:1;overflow:hidden;border-radius:13px;touch-action:manipulation}.board-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));min-height:0}.square{position:relative;display:block;border:0;border-radius:0;padding:0;background:#fff0ce;min-width:0;min-height:0;aspect-ratio:1;transition:none}.square:active{transform:none}.square.dark-square{background:#b99177}.piece{position:absolute;inset:5%;pointer-events:none;display:block}.piece img{width:100%;height:100%;object-fit:contain}.coord{position:absolute;left:3px;top:1px;font-size:10px;color:#8e6847;z-index:2;pointer-events:none}.dark-square .coord{color:#fff0ce}.coord.file{top:auto;bottom:0;right:3px;left:auto}.square.last{box-shadow:inset 0 0 0 50px #e3bb4240}.square.selected{box-shadow:inset 0 0 0 3px #a77c3b}.square.hint{box-shadow:inset 0 0 0 3px #559688}.square.check{background:#d78c69}.premove-preview,.premove-order{display:none}.move-marker{position:absolute;z-index:3;pointer-events:none}.dot.move-marker{inset:39%;border-radius:50%;background:#75552e50}.capture.move-marker{inset:5%;border-radius:50%;border:4px solid #75552e55}.opening-nav{display:flex;align-items:center;width:100%;gap:4px;border-radius:20px;padding:4px;background:#fff4d9a0;border:1px solid #fff7e5}.opening-nav button{flex:1;font-size:24px;line-height:1;padding:5px 0;border:0;background:transparent;color:#9c7e48;min-width:30px;min-height:35px}.opening-nav #openingFlip{font-size:21px;border-left:1px solid #b4946430;border-radius:0}.opening-nav>span{flex:1.2;white-space:nowrap;text-align:center;font-size:11px;color:var(--muted)}.board-caption{margin:0;text-align:center;font-size:10px;color:var(--muted)}.opening-detail{grid-area:detail;min-width:0;display:flex;flex-direction:column;gap:14px}.position-card,.continuation-card,.idea-card{border-radius:24px;border:1px solid #fff9eacb;padding:20px;background:linear-gradient(130deg,#fffaf0dc,#fff0d4b3);min-width:0}.section-label{display:flex;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:1.2px;color:var(--muted);line-height:1.6}#openingTurn{letter-spacing:0;white-space:nowrap}.position-card h1{font-size:25px;line-height:1.4;letter-spacing:.01em;margin:15px 0 6px;font-weight:580;overflow-wrap:anywhere}.position-card h1 span,.catalogue-title h2 span{color:#b07b47}.opening-english{font-size:12px;line-height:1.75;color:#9a8064;margin:5px 0 13px;overflow-wrap:anywhere}.opening-route{display:flex;gap:5px;overflow-x:auto;padding:3px 1px 8px;scrollbar-width:thin;min-height:35px}.opening-route:empty{display:none}.opening-route button{padding:5px 9px;border:0;border-radius:11px;font-size:11px;flex:none;color:#b39a79;white-space:nowrap;background:#d9bf9820}.opening-route button.played{color:#80613e;background:#e7cc9b3d}.opening-route button.current{background:#ead2a5;color:#604324;box-shadow:inset 0 0 0 1px #b993543b}.opening-route .route-start{color:#7e6650}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px}.section-heading h2{font-size:14px;font-weight:600;margin:0}.section-heading>span{font-size:10px;color:var(--muted)}.continuation-card{background:linear-gradient(135deg,#fff9e8,#ffeab998)}.continuation-row{position:relative;isolation:isolate;display:grid;grid-template-columns:76px minmax(0,1fr) 48px;align-items:center;gap:8px;width:100%;margin:5px 0;padding:11px 10px;border:0;border-radius:13px;overflow:hidden;text-align:left;background:#fffdf83b;min-height:47px}.continuation-row:hover,.continuation-row:focus-visible{background:#fffdf9b3}.continuation-row .move-san{font-size:16px;font-weight:600;color:#665030;font-variant-numeric:tabular-nums}.continuation-row .branch-track{height:5px;border-radius:4px;background:#c7d4b843;overflow:hidden}.branch-track i{display:block;height:100%;background:linear-gradient(90deg,#99b7a0,#538d7d);border-radius:4px;transform-origin:left;animation:branch-grow .4s var(--ease) both}.branch-count{text-align:right;color:#7c7655;font-size:11px;font-variant-numeric:tabular-nums}.data-caption{font-size:10px;line-height:1.8;color:#9b8869;margin:14px 0 0}.opening-empty{padding:17px 0 4px;text-align:center}.opening-empty>span{display:block;font-size:28px;color:#b39b69;margin:0 0 12px}.opening-empty b{font-size:13px}.opening-empty p{font-size:11px;line-height:1.9;color:var(--muted)}.opening-empty button{font-size:11px;padding:8px 13px}.idea-card{background:linear-gradient(140deg,#eaf5eddd,#d4e5d4aa);border-color:#f8fff6c2}.idea-card .section-label{color:#668773}.idea-card h2{font-size:14px;line-height:1.9;margin:9px 0 6px;font-weight:550;color:#4c6c5b}.idea-card p{font-size:11px;line-height:1.9;color:#78907b;margin:0}.analyze-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 18px;border:1px solid #fff5dd;border-radius:19px;background:linear-gradient(135deg,#b47c49,#875331);color:#fff4de;font-size:13px;box-shadow:inset 0 1px #f4c38e66}.analyze-button:disabled{opacity:.5}.source-note{font-size:9px;color:#a18c70;line-height:1.8;margin:0 4px 5px}.opening-error{font-size:11px;line-height:1.7;color:#9c5d3b;margin:0}.opening-error:empty{display:none}.opening-catalogue{grid-area:catalogue;min-width:0;display:flex;flex-direction:column;padding:5px 0 0}.catalogue-title h2{font-size:30px;font-weight:580;letter-spacing:.01em;line-height:1.4;margin:9px 0 8px}.catalogue-title>p{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 20px}.opening-search{display:flex;align-items:center;gap:9px;border:1px solid #fff9e7;background:#fff7e5b0;padding:11px 13px;border-radius:16px}.opening-search>span{font-size:21px;color:#a78e68;line-height:1}.opening-search input{min-width:0;flex:1;width:100%;border:0;background:transparent;outline:0;font-size:12px}.opening-search input::placeholder{color:#ae9676}.opening-search kbd{display:none}.opening-search:focus-within{border-color:#80a69b;box-shadow:0 0 0 2px #92b5a51a}.opening-filters{display:flex;gap:5px;padding:12px 0;overflow-x:auto;scrollbar-width:none}.opening-filters button{padding:7px 13px;border:1px solid transparent;font-size:11px;color:#9a805f;flex:none;background:transparent}.opening-filters button[aria-pressed=true]{background:#ead5abc9;color:#6d5331;border-color:#fff4d7;box-shadow:inset 0 1px #fff5db}.catalogue-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 1px 11px;border-bottom:1px solid #bd9d6825;color:#9b835e;font-size:10px}.catalogue-meta button{padding:3px 0;font-size:10px;background:transparent;border:0;white-space:nowrap}.opening-list{padding-top:5px}.opening-entry{display:block;width:100%;position:relative;padding:16px 12px 15px 2px;background:transparent;border:0;border-bottom:1px solid #bd9d6825;border-radius:0;text-align:left}.opening-entry .entry-topline{display:flex;justify-content:space-between;align-items:center;color:#ad936f;font-size:9px;letter-spacing:1px;margin-bottom:6px}.opening-entry h3{font-size:15px;font-weight:550;line-height:1.5;margin:0 0 4px;color:#705334;overflow-wrap:anywhere}.opening-entry p{font-size:10px;line-height:1.7;color:#a08868;margin:0;overflow-wrap:anywhere}.opening-entry .entry-pgn{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:10px;color:#b09a7d}.opening-entry[aria-current=true]{background:linear-gradient(90deg,#fff7e7a6,#ead3aa38);padding-left:12px;border-radius:16px;border-color:transparent}.opening-entry[aria-current=true] h3{color:#79603a}.opening-more{width:100%;margin:15px 0 6px;font-size:11px;color:#947344}.load-error{font-size:12px;line-height:1.8;color:#96754e}.opening-dialog{max-width:430px;width:calc(100vw - 36px);max-height:calc(100dvh - 32px);overflow-y:auto;border:1px solid #fff8e7;background:#fff4df;border-radius:27px;padding:26px;color:var(--ink);box-shadow:0 20px 80px #513b2d3b}.opening-dialog::backdrop{background:#58432c66}.opening-dialog h2{font-size:24px;font-weight:550;line-height:1.5;margin:12px 0}.opening-dialog p{font-size:12px;line-height:1.9;color:var(--muted)}.opening-dialog>div{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.opening-dialog>div>button{width:auto;font-size:12px}.opening-promotion-options button{flex:1;min-width:0;padding:8px 4px}.opening-promotion-options img{display:block;width:46px;max-width:100%;height:46px;object-fit:contain}.opening-promotion-options span{font-size:10px}#openingPromotionCancel{display:block;margin:18px auto 0;font-size:11px}@keyframes branch-grow{from{scale:0 1}to{scale:1 1}}
@media(hover:hover){.opening-entry:hover{background:#fff8e94d;border-radius:14px}.opening-filters button:hover{background:#fff4de80}}
@media(max-width:1000px) and (orientation:portrait), (max-width:680px){.opening-room{padding:12px 16px 28px}.opening-header{margin-bottom:13px;height:28px;gap:8px;font-size:10px}.opening-wordmark{display:none}.opening-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'stage' 'detail' 'catalogue';gap:23px;max-width:520px;margin:auto}.opening-stage{gap:10px}.opening-island{min-height:62px;width:90%;margin-bottom:3px;padding:11px 17px}.board-shell{border-radius:24px;padding:9px}.opening-detail{gap:12px}.position-card,.continuation-card,.idea-card{padding:19px 21px}.position-card h1{font-size:26px}.opening-catalogue{border-top:1px solid #b2915a2b;padding-top:24px}.catalogue-title h2{font-size:29px}.opening-entry{padding:16px 9px}.opening-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.opening-entry h3{font-size:14px}.opening-entry p{font-size:10px}.opening-entry .entry-topline{font-size:9px}.opening-nav button{font-size:23px}.board-caption{font-size:10px}.source-note{margin-bottom:2px}}
@media(orientation:landscape) and (max-height:700px){:root{--board-size:min(calc(100dvh - 132px),calc(43vw - 32px),520px)}body{height:100dvh;min-height:0;overflow:hidden}.opening-room{height:100dvh;padding:8px 16px 10px;max-width:1450px}.opening-header{height:24px;margin-bottom:10px;font-size:10px}.opening-wordmark{font-size:8px;letter-spacing:1.3px}.opening-layout{height:calc(100% - 34px);grid-template-columns:minmax(175px,1fr) var(--board-size) minmax(220px,1.1fr);gap:16px;align-items:start;grid-template-areas:'catalogue stage detail'}.opening-stage{gap:6px}.opening-island{width:98%;min-height:40px;height:40px;margin:0;padding:6px 11px;gap:7px}.opening-island img{width:25px;height:25px}.island-copy b{font-size:10px}.island-copy small{font-size:8px;margin-top:2px}.island-mark{font-size:17px}.board-shell{padding:7px;border-radius:19px}.opening-nav{padding:2px;gap:0;border-radius:15px}.opening-nav button{font-size:20px;min-height:28px;min-width:23px;padding:3px 0}.opening-nav>span{font-size:9px}.opening-nav #openingFlip{font-size:17px}.board-caption{display:none}.opening-catalogue,.opening-detail{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bb9d6e4a transparent;padding-right:3px;padding-bottom:8px}.opening-catalogue{padding-top:0}.catalogue-title h2{font-size:22px;margin:5px 0}.catalogue-title>p{font-size:9px;margin-bottom:12px}.opening-search{padding:8px 9px;border-radius:12px;gap:5px}.opening-search input{font-size:10px}.opening-filters{padding:8px 0;gap:0}.opening-filters button{padding:6px 10px;font-size:10px}.catalogue-meta{font-size:8px;padding-bottom:7px}.catalogue-meta button{font-size:8px}.opening-entry{padding:11px 5px}.opening-entry h3{font-size:12px}.opening-entry p,.opening-entry .entry-pgn{font-size:9px}.opening-entry .entry-topline{font-size:8px;margin-bottom:4px}.opening-detail{gap:9px}.position-card,.continuation-card,.idea-card{padding:14px;border-radius:20px}.position-card h1{font-size:20px;margin:9px 0 5px}.opening-english{font-size:10px;margin-bottom:8px}.section-label{font-size:8px;letter-spacing:.6px}.section-heading h2{font-size:11px}.section-heading>span{font-size:9px}.continuation-row{grid-template-columns:58px minmax(0,1fr) 35px;padding:8px;min-height:37px;margin:3px 0;gap:6px}.continuation-row .move-san{font-size:13px}.branch-count{font-size:9px}.data-caption{font-size:8px;margin-top:10px}.opening-route button{font-size:9px;padding:5px 7px}.idea-card h2{font-size:12px}.idea-card p{font-size:10px}.analyze-button{font-size:11px;padding:11px 14px}.source-note{font-size:8px}.opening-empty p{font-size:10px}.opening-empty b{font-size:12px}.opening-empty{padding-top:8px}}
@media(orientation:landscape) and (max-height:360px){:root{--board-size:min(calc(100dvh - 116px),calc(41vw - 20px))}.opening-room{padding:6px 12px}.opening-header{height:22px;margin-bottom:8px}.opening-layout{height:calc(100% - 30px);gap:12px;grid-template-columns:minmax(165px,1fr) var(--board-size) minmax(210px,1.1fr)}.opening-island{height:32px;min-height:32px;padding:4px 8px}.opening-island img{width:22px;height:22px}.island-copy b{font-size:9px}.island-copy small{font-size:7px}.opening-stage{gap:5px}.opening-nav button{min-height:25px;font-size:18px}.board-shell{padding:6px;border-radius:16px}.coord{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.reduce-motion *,.reduce-motion *::before,.reduce-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

.opening-header-meta{display:flex;align-items:center;gap:13px;white-space:nowrap}.opening-header-meta button{padding:6px 10px;font-size:9px;border-radius:12px}.opening-header #soundToggle{color:#927955}@media(orientation:landscape) and (max-height:700px){.opening-header-meta button{font-size:8px;padding:4px 8px}.opening-header-meta{gap:10px}}

.opening-catalogue>*,.opening-detail>*{flex-shrink:0}.mobile-browse,.return-board{display:none}.continuation-more{font-size:10px;width:100%;padding:8px 12px;margin-top:8px;background:#f7e9c66e;color:#927449;border-color:#fff5db}.return-board{align-self:flex-start;padding:6px 0;border:0;background:transparent;font-size:11px;color:#6f8d75;margin-bottom:12px}@media(max-width:1000px) and (orientation:portrait), (max-width:680px){.mobile-browse{display:block;padding:6px 9px;font-size:9px;border-radius:11px;white-space:nowrap;color:#567e6a;background:#e9e7cda0}.return-board{display:block}.opening-header{position:sticky;top:0;z-index:10;background:#ffedd1;padding:8px 0;height:44px;margin-top:-8px}.opening-header-meta{gap:8px}.opening-header-meta #openingCount{font-size:9px}.opening-header a{gap:4px;font-size:10px}.opening-stage,.opening-catalogue{scroll-margin-top:54px}}