:root{color-scheme:dark;--bg:#081722;--ambient:#18394955;--bar:#0b1b27ec;--text:#e8e7df;--muted:#9aabb4;--muted-soft:#728b9a;--gold:#d5b879;--gold-light:#e5cf9e;--line:#8ca7b01c;--line-strong:#b8a67c4d;--surface:#b5d4db06;--surface-solid:#0e2330;--modal-a:#193644;--hover:#bad2d00e;--input-bg:#081b27;--square-light-a:#cfc9af;--square-light-b:#b4b7a7;--square-dark-a:#325466;--square-dark-b:#233e4e;--coordinate-light:#405263;--coordinate-dark:#bec7ba}:root[data-theme=wood]{--bg:#191716;--ambient:#64482b44;--bar:#1c1918ed;--surface-solid:#28201d;--modal-a:#3b2c23;--input-bg:#201915;--square-light-a:#dbb98b;--square-light-b:#b99a73;--square-dark-a:#7d5140;--square-dark-b:#4b3029;--coordinate-light:#674a36;--coordinate-dark:#e2c69f}:root[data-theme=sapphire]{--bg:#071725;--ambient:#135f7855;--bar:#091d2ced;--square-light-a:#b8d8db;--square-light-b:#8cbbca;--square-dark-a:#24667e;--square-dark-b:#173e62;--coordinate-light:#254961;--coordinate-dark:#bde2ef}:root[data-theme=flat]{--square-light-a:#e3dcc9;--square-light-b:#e3dcc9;--square-dark-a:#42616e;--square-dark-b:#42616e}:root[data-appearance=light]{color-scheme:light;--bg:#e8e6dc;--ambient:#d8caaa55;--bar:#efede4ed;--text:#203a47;--muted:#4b6571;--muted-soft:#627a85;--gold:#8b662c;--gold-light:#775522;--line:#24435125;--line-strong:#6c59364d;--surface:#fff8;--surface-solid:#eeeade;--modal-a:#f8f4e9;--hover:#c1af8433;--input-bg:#fff9}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overscroll-behavior:none}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.36}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button{touch-action:manipulation}svg{width:22px;height:22px;flex-shrink:0}button svg{pointer-events:none}img{max-width:100%}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1{font-size:18px;line-height:1.3;font-weight:600;letter-spacing:.01em;margin-bottom:3px}h2{font-size:16px;font-weight:600}h3{font-size:17px;font-weight:600}p{line-height:1.65}small,.dim{color:var(--muted)}small{font-size:12px}.loading{display:grid;place-items:center;height:100dvh;color:var(--gold)}#app{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,var(--ambient),transparent 67%),var(--bg)}.topbar{display:flex;align-items:center;gap:9px;flex-shrink:0;height:calc(58px + env(safe-area-inset-top));padding:calc(5px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 5px max(12px,env(safe-area-inset-left));border-bottom:1px solid var(--line);background:var(--bar);z-index:5}.app-logo{width:36px;height:36px;display:block;padding:0;border:1px solid #be9d5966;border-radius:11px;background:#081824;overflow:hidden;flex-shrink:0}.app-logo img{display:block;width:100%;height:100%;object-fit:cover}.wordmark{font-size:16px;font-weight:600;letter-spacing:.14em;color:var(--gold-light)}.top-context{margin:auto;color:var(--muted);font-size:12px;white-space:nowrap}.topbar nav{display:flex;gap:2px;margin-left:auto}.icon-button{width:44px;height:44px;display:inline-grid;place-items:center;background:transparent;border:0;border-radius:12px;position:relative;color:var(--muted);padding:10px;flex-shrink:0}.icon-button:hover{background:var(--hover);color:var(--gold-light)}.icon-button:active{transform:translateY(1px)}.icon-button[aria-pressed=true]{color:var(--gold);background:var(--hover)}.screen{flex:1;min-height:0;width:100%;position:relative;padding:18px max(16px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-bottom))}.primary,.secondary{min-height:46px;border-radius:12px;padding:11px 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:650;letter-spacing:.035em;transition:background .18s,transform .18s}.primary{border:1px solid #f0d294;background:linear-gradient(130deg,#f0d69b,#c8a361);box-shadow:inset 0 1px 1px #fff8,0 4px 18px #0002;color:#172027}.primary:hover{background:linear-gradient(130deg,#ffe7ae,#d4b577)}.secondary{border:1px solid var(--line-strong);background:var(--surface);color:var(--text)}.secondary:hover{background:var(--hover)}.text-button{border:0;background:none;min-height:44px;padding:10px;color:var(--muted)}.danger{color:#eea79a}.primary:active,.secondary:active{transform:translateY(1px)}.home-screen{display:flex;justify-content:center;align-items:center;padding-top:12px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.welcome{height:100%;width:min(100%,490px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;min-height:0}.welcome-art{display:block;width:min(100%,420px);max-height:calc(100% - 140px);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 20px 32px #0007);border-radius:23%;flex-shrink:1;min-height:0}.welcome-actions{display:grid;grid-template-columns:1fr;gap:12px;width:min(100%,294px);flex-shrink:0}.play-button{height:49px}.welcome-actions .secondary{background:linear-gradient(110deg,#142c3a99,#081a2599);border-color:#bca16a65;color:#dcd3bd;font-size:12px;letter-spacing:.13em}.welcome-actions .primary span{letter-spacing:.17em}.game-screen{display:flex;flex-direction:column;max-width:1000px;margin:0 auto;padding-top:17px}.game-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;max-width:640px;width:100%;margin:0 auto 8px}.eyebrow{color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:6px}.game-heading h1{font-size:17px}.game-badges{display:flex;align-items:center;gap:7px;flex-shrink:0}.stars{color:var(--gold);font-size:12px;letter-spacing:3px}.game-badges .icon-button{width:38px;height:44px;padding:11px}.game-badges svg{width:19px;height:19px}.turn-line{display:flex;align-items:center;gap:8px;max-width:640px;width:100%;margin:0 auto 1px;font-size:12px;min-height:30px;color:var(--muted);flex-shrink:0}.side-dot{display:block;width:8px;height:8px;border-radius:50%;border:1px solid #b7ac8a;box-shadow:0 0 6px #e3c57922}.side-dot.white{background:#f5ead0}.side-dot.black{background:#27323c}.turn-detail{margin-left:auto;font-size:11px;color:var(--muted-soft)}.board-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;width:100%;padding:0}.board-frame{border:1px solid #bd9b5e90;border-radius:11px;padding:11px;background:linear-gradient(130deg,#2a3c47,#0b1721 35%,#192c38 70%,#34444b);box-shadow:inset 0 1px 1px #e3d3a95c,inset 0 -5px 4px #0009,0 7px #07111a,0 8px #9b7e4966,0 15px 30px #0006;flex-shrink:0;margin-bottom:8px}#board,.lab-board{display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);background:#102532;border:1px solid #050d14;overflow:hidden;isolation:isolate;border-radius:3px;touch-action:none}.square{display:flex;align-items:center;justify-content:center;position:relative;border:0;padding:0;border-radius:0;min-width:0;min-height:0;aspect-ratio:1;overflow:hidden;user-select:none;touch-action:none;box-shadow:inset 0 1px 1px #ffffff0a}.square.light{background:linear-gradient(145deg,var(--square-light-a),var(--square-light-b))}.square.dark{background:linear-gradient(145deg,var(--square-dark-a),var(--square-dark-b))}.square:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(108deg,#ffffff03 0px,#ffffff03 1px,transparent 1px,transparent 5px);pointer-events:none}.piece{display:block;width:87%;height:94%;filter:drop-shadow(1px 3px 1px #0004);z-index:2;overflow:visible;pointer-events:none;transition:transform .18s;position:relative}.square:hover .piece{transform:translateY(-2px)}.square.selected{box-shadow:inset 0 0 0 2px #eaca83;background:linear-gradient(135deg,#927540,#b29a5c)!important}.square.selected .piece{transform:translateY(-4px);filter:drop-shadow(0 5px 3px #0005)}.square.last-move:after{content:"";position:absolute;inset:0;background:#e9c46b26;pointer-events:none;border:1px solid #e9c46b30}.square.in-check{background:radial-gradient(ellipse,#e76253bb,#733d37)!important}.square.threatened{box-shadow:inset 0 0 0 2px #ed897877}.rank-label,.file-label{position:absolute;z-index:3;font-size:10px;font-weight:500;line-height:1;color:var(--coordinate-light);pointer-events:none}.rank-label{left:4px;top:3px}.file-label{right:4px;bottom:2px}.square.dark .rank-label,.square.dark .file-label{color:var(--coordinate-dark)}.legal-dot{position:absolute;left:50%;top:50%;width:17%;height:17%;transform:translate(-50%,-50%);border-radius:50%;background:#163a4380;box-shadow:0 0 0 1px #f4e4b440;pointer-events:none;z-index:3}.legal-dot.capture-ring{background:transparent;width:88%;height:88%;border:3px solid #e5b363aa}.game-message{width:100%;max-width:620px;margin:7px auto 0;min-height:40px;max-height:50px;overflow:auto;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:12px;line-height:1.5;flex-shrink:0;padding:0 4px}.move-strip{display:flex;justify-content:center;align-items:center;gap:14px;font-size:11px;min-height:26px;flex-shrink:0;overflow:hidden;color:var(--gold-light);white-space:nowrap}.game-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;margin:6px auto 0;padding:4px 14px;border-top:1px solid var(--line);width:min(100%,480px)}.game-controls .icon-button{background:var(--surface);border:1px solid var(--line);border-radius:12px;width:46px;height:46px;color:var(--text)}.game-controls .icon-button:hover{border-color:var(--line-strong);color:var(--gold)}.pause-overlay{position:absolute;inset:0;display:grid;place-items:center;backdrop-filter:blur(8px);background:#08182488;z-index:4}.drag-ghost{position:fixed;pointer-events:none;z-index:50;transform:translate(-50%,-62%)}.drag-ghost .piece{width:100%;height:100%;filter:drop-shadow(0 7px 5px #0008)}dialog{padding:0;border:1px solid var(--line-strong);border-radius:18px;background:linear-gradient(145deg,var(--modal-a),var(--surface-solid));color:var(--text);width:min(calc(100% - 28px),420px);max-height:calc(100dvh - 32px);box-shadow:0 24px 90px #0009}dialog::backdrop{background:#020a12b0;backdrop-filter:blur(6px)}.modal-header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--surface-solid);padding:7px 12px 7px 20px;border-bottom:1px solid var(--line);z-index:2}.modal-header h2{font-size:14px;margin:0;color:var(--muted);font-weight:500}.modal-body{padding:19px 22px 22px}.publisher{background:#fff;border-radius:10px;padding:17px 16px;display:grid;place-items:center;margin-bottom:20px;box-shadow:0 4px 20px #0002}.publisher img{width:225px;max-height:100px;object-fit:contain}.about-identity{display:flex;align-items:center;gap:13px;margin-bottom:18px}.about-identity img{width:54px;height:54px;border-radius:15px}.about-identity h3{font-size:18px;letter-spacing:.11em;margin:0 0 5px;color:var(--gold-light)}.about-identity p{color:var(--muted);font-size:12px;margin:0}.about-features{display:grid;gap:11px;padding:15px;background:var(--surface);border:1px solid var(--line);border-radius:12px;font-size:12px;color:var(--muted)}.about-author{display:grid;gap:5px;border-top:1px solid var(--line);padding-top:17px;margin-top:20px}.about-author b{font-size:13px;font-weight:550}.about-author span{font-size:11px;color:var(--muted)}.mode-list{display:grid;gap:5px}.mode-item{display:flex;align-items:center;gap:13px;text-align:left;padding:12px 8px;min-height:66px;border:0;border-bottom:1px solid var(--line);background:none;border-radius:8px}.mode-item:hover{background:var(--hover)}.mode-item>svg:first-child{color:var(--gold);width:23px;height:23px}.mode-item>svg:last-child{margin-left:auto;width:16px;height:16px;color:var(--muted)}.mode-item span{display:grid;gap:5px}.mode-item b{font-size:13px;font-weight:550}.mode-item small{font-size:11px}.instructions{font-size:13px;line-height:1.65;color:var(--muted)}.instructions b{color:var(--text);font-weight:600}.instructions svg{display:inline-block;vertical-align:middle;width:16px;height:16px}.settings{display:grid;gap:17px}.settings label{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px;color:var(--muted)}select,input:not([type=checkbox]):not([type=range]){border:1px solid var(--line-strong);background:var(--input-bg);color:var(--text);border-radius:8px;padding:9px 10px;min-width:0;font-size:12px;max-width:100%}select{min-height:40px}.settings select{max-width:190px}input[type=checkbox]{width:34px;height:20px;accent-color:var(--gold)}input[type=range]{width:145px;accent-color:var(--gold)}.offline-card{padding:14px;border:1px solid var(--line);border-radius:11px;display:grid;gap:10px;background:var(--surface)}.offline-card b{font-size:12px;color:var(--gold-light)}.offline-card small{line-height:1.6}.offline-card .secondary,.backup-buttons .secondary{font-size:11px;letter-spacing:0;padding:9px 12px;min-height:40px}.backup-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.promotion-options{display:flex;gap:8px}.promotion-options button{width:25%;height:85px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.promotion-options .piece{width:100%;height:100%}#profile-form{display:grid;gap:16px}#profile-form label{display:grid;gap:10px}.toast{position:fixed;z-index:100;bottom:calc(20px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,12px);max-width:min(92%,440px);width:max-content;padding:12px 17px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface-solid);color:var(--text);box-shadow:0 10px 40px #0007;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;font-size:12px;line-height:1.5}.toast.visible{opacity:1;transform:translate(-50%)}.library-screen,.stats-screen,.lab-screen{overflow:auto;max-width:1050px;margin:auto;padding-top:22px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 22px}.panel-heading span{color:var(--muted);font-size:12px}.library-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:17px}.library-filters label,.lab-tools label{display:grid;gap:5px;color:var(--muted);font-size:11px}.library-filters label{flex:1;min-width:100px}.chapter-progress{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:23px}.chapter{padding:12px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);text-align:left;position:relative;overflow:hidden;display:grid;gap:7px;font-size:11px}.chapter.active{border-color:var(--gold);color:var(--gold-light)}.chapter i{position:absolute;left:0;bottom:0;width:var(--progress);height:2px;background:var(--gold)}.chapter small{font-size:10px}.puzzle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}.puzzle-card{display:grid;gap:9px;text-align:left;padding:14px 13px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,var(--surface),transparent);min-height:108px}.puzzle-card:not(:disabled):hover{border-color:var(--gold)}.puzzle-card.completed{border-color:#b89d5a66}.puzzle-number{font-size:18px;font-weight:450;color:var(--text)}.puzzle-card small,.puzzle-card .stars{font-size:10px}.pagination{display:flex;align-items:center;justify-content:center;gap:15px;margin:18px 0 0;color:var(--muted);font-size:12px}.empty{font-size:13px;color:var(--muted);grid-column:1/-1;padding:20px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.stat-grid>div{display:grid;gap:10px;padding:22px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.stat-grid b{font-size:25px;font-weight:450;color:var(--gold-light)}.stat-grid span{font-size:11px;color:var(--muted)}.achievement-list{border:1px solid var(--line);padding:15px;border-radius:12px;margin-bottom:25px}.achievement-list p{margin:0 0 9px;font-size:13px;color:var(--gold-light)}.achievement-list p:last-child{margin-bottom:0}.achievement-list small{display:block;margin-left:18px;font-size:11px}.history-list{display:grid;gap:5px}.history-list button{display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;padding:13px 0;font-size:12px}.history-list button b{font-weight:500}.history-list button span{color:var(--muted);font-size:11px}.history-list button svg{margin-left:auto;width:16px;height:16px}.lab-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:25px;max-width:850px}.lab-board{width:100%;max-width:480px;border:8px solid #2a3c47;border-radius:10px;--rows:auto}.lab-tools{display:grid;gap:12px;align-content:start}.lab-tools p{font-size:11px;margin:0}.piece-palette{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;max-width:480px;margin-top:12px}.piece-palette button{height:49px;padding:1px;border:1px solid var(--line);background:var(--surface);border-radius:7px;display:flex;justify-content:center}.piece-palette button[aria-pressed=true]{border-color:var(--gold);background:var(--hover)}.piece-palette .piece{width:45px;height:45px}.piece-palette button:last-child{align-items:center;font-size:24px;color:var(--muted)}[data-theme=wood] .board-frame{background:repeating-linear-gradient(10deg,#5c3d2c,#30241f 8px,#523829 19px);border-color:#c2a379}.reduced-motion *{transition:none!important;animation:none!important}.contrast .icon-button{color:var(--text)}.contrast .square.light{background:#f2e7cc}.contrast .square.dark{background:#203b51}.contrast .legal-dot{background:#ffb900;border:1px solid #000}.contrast small,.contrast .dim,.contrast .eyebrow{color:var(--text)}[data-theme=flat] .piece{filter:none}[data-theme=flat] .board-frame{box-shadow:none;background:#23343e}[data-theme=sapphire] .piece{filter:drop-shadow(0 3px 2px #0005) drop-shadow(0 0 2px #7dbfd544)}@media(min-width:1000px){.topbar{padding-left:24px;padding-right:24px}.game-screen{padding-top:21px}.game-heading{margin-bottom:10px}.welcome{gap:25px}.welcome-art{width:min(100%,450px)}.game-controls{margin-top:10px;gap:17px;padding:7px 18px}.board-frame{padding:14px}.game-message{font-size:13px}}@media(max-width:600px){.screen{padding-left:13px;padding-right:13px}.topbar{height:calc(54px + env(safe-area-inset-top));gap:8px;padding-left:10px;padding-right:7px}.topbar .icon-button{width:40px;padding:10px}.topbar .icon-button svg{width:20px;height:20px}.top-context{display:none}.wordmark{font-size:14px;letter-spacing:.1em}.app-logo{width:33px;height:33px;border-radius:10px}.game-screen{padding-top:12px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.game-heading h1{font-size:16px}.game-heading{margin-bottom:4px}.eyebrow{font-size:10px;margin-bottom:5px}.turn-line{font-size:11px}.game-badges{gap:3px}.stars{font-size:11px;letter-spacing:2px}.board-frame{padding:8px;border-radius:9px}.game-controls{gap:9px;padding:7px 0 0;margin-top:2px}.game-controls .icon-button{width:43px;height:44px}.game-controls svg{width:20px;height:20px}.game-message{font-size:11px;min-height:35px;max-height:42px;margin-top:3px}.move-strip{font-size:10px;min-height:23px;gap:8px}.welcome{gap:20px}.welcome-art{width:min(100%,360px)}.welcome-actions{width:min(85%,285px)}.rank-label,.file-label{font-size:9px}.chapter-progress{grid-template-columns:repeat(3,1fr);gap:7px}.chapter{padding:9px 10px}.stat-grid{grid-template-columns:1fr 1fr}.stat-grid>div{padding:17px}.puzzle-grid{grid-template-columns:repeat(4,1fr);gap:7px}.puzzle-card{padding:11px 8px;min-height:98px}.puzzle-card small{font-size:9px}.puzzle-number{font-size:17px}.panel-heading{margin-bottom:17px}.lab-layout{grid-template-columns:1fr}.lab-tools{grid-template-columns:1fr 1fr}.lab-tools p{grid-column:1/-1}.lab-screen .panel-heading{align-items:flex-start}.lab-screen .panel-heading span{max-width:60%;font-size:11px}}@media(max-width:359px){.topbar{gap:6px;padding-left:8px;padding-right:5px}.topbar .icon-button{width:37px;padding:9px}.wordmark{font-size:13px}.app-logo{width:31px;height:31px}.game-controls{gap:6px}.game-heading h1{font-size:15px}.puzzle-grid{grid-template-columns:repeat(3,1fr)}.game-badges .stars{display:none}}@media(max-height:610px){.game-screen{padding-top:7px}.eyebrow{margin-bottom:3px}.game-heading{margin-bottom:2px}.game-heading h1{font-size:15px}.turn-line{min-height:23px}.game-message{min-height:29px;max-height:34px;font-size:10px}.game-controls{padding-top:4px;margin-top:0}.move-strip{min-height:20px}.welcome{gap:15px}.welcome-actions{gap:9px}.welcome-art{max-height:calc(100% - 126px)}}@media(orientation:landscape)and (max-height:560px){.game-screen{display:grid;grid-template-columns:1fr minmax(220px,55%) 1fr;grid-template-rows:auto 1fr auto;gap:4px 10px;padding:10px}.game-heading{grid-column:1;grid-row:1;display:block;align-self:start}.game-heading .game-badges{margin-top:8px}.turn-line{grid-column:3;grid-row:1;display:block;align-self:start;line-height:1.7}.side-dot{display:inline-block;margin-right:5px}.turn-detail{display:block}.board-stage{grid-column:2;grid-row:1/4;height:100%}.game-controls{grid-column:3;grid-row:2/4;flex-wrap:wrap;align-self:center;gap:5px;border:0;width:100%;margin:0}.game-message{grid-column:1;grid-row:2;max-height:100%;font-size:11px;align-self:center}.move-strip{grid-column:1;grid-row:3;white-space:normal;flex-wrap:wrap;gap:4px}.welcome{flex-direction:row;width:min(100%,650px);gap:30px}.welcome-art{height:90%;width:auto;max-width:50%;max-height:100%}.welcome-actions{width:220px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important;animation:none!important}}.tactics-intro{font-size:12px;line-height:1.6;color:var(--muted);margin-bottom:16px}.draw-claim{min-height:44px;margin:4px auto;font-size:11px;padding:8px 12px}.game-heading h1{max-width:100%}.challenges-screen{overflow:auto;max-width:1050px;margin:auto;padding-top:22px}.challenge-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px}.challenge-config,.lan-panel{min-width:0;display:grid;gap:16px;align-content:start}.challenge-config>p,.lan-panel>p{font-size:12px;margin:0;line-height:1.7}.challenge-presets{display:flex;flex-wrap:wrap;gap:8px}.challenge-presets button{flex:1;font-size:11px;min-width:130px;padding:10px 12px;letter-spacing:0}.challenge-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.challenge-counts label{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:12px}.challenge-counts input{width:56px;padding:8px 5px!important;text-align:center}.challenge-field{display:grid;gap:8px;font-size:12px;color:var(--muted)}.challenge-field select{width:100%}.challenge-field input{max-width:95px}.challenge-field small{font-size:10px}.challenge-total{color:var(--gold-light);font-size:12px;margin:0}.challenge-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid var(--line-strong);border-radius:12px;margin-bottom:24px;background:var(--surface);flex-wrap:wrap}.challenge-summary>div{display:grid;gap:8px}.challenge-summary b{font-size:13px;color:var(--gold-light)}.challenge-summary span,.challenge-summary small{font-size:11px;color:var(--muted)}.lan-panel h2{margin:0}.lan-status{font-size:12px;line-height:1.6;color:var(--gold-light)}.qr-card{padding:16px;border:1px solid var(--line);border-radius:12px;display:grid;gap:10px;justify-items:center;text-align:center;margin-bottom:16px;background:var(--surface)}.qr-card img{width:min(100%,280px);border-radius:8px}.qr-card b{font-size:12px}.qr-card small{font-size:11px;line-height:1.6}.qr-card textarea{height:50px;font-size:9px}textarea{resize:vertical;max-width:100%;width:100%;border-radius:8px;border:1px solid var(--line-strong);background:var(--input-bg);color:var(--text);padding:10px;font:inherit;font-size:11px;line-height:1.5;min-height:65px}#lan-content>.primary{margin-top:12px;width:100%}#lan-content>.challenge-presets{margin-top:12px}#lan-video{width:100%;max-height:280px;margin-top:10px;border-radius:12px;background:#000}.lan-help{font-size:10px;line-height:1.6;margin-top:16px}.race-strip{display:flex;justify-content:space-between;gap:16px;flex-shrink:0;padding:6px 8px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:11px;width:min(100%,640px);margin:4px auto}.race-strip>span{display:grid;grid-template-columns:auto auto;gap:3px 6px}.race-strip b{color:var(--gold-light);font-size:11px;font-weight:500}.race-strip small{font-size:9px;grid-column:1/-1;color:var(--muted)}@media(max-width:700px){.challenge-layout{grid-template-columns:1fr;gap:32px}.challenge-counts label{padding:10px 7px}.challenge-counts input{width:45px}.challenge-config>p,.lan-panel>p{font-size:11px}.challenge-field select{font-size:11px}}
