*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible,input:focus-visible{outline:var(--dimension-2) solid var(--primary);outline-offset:var(--dimension-3)}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}p{color:var(--muted);line-height:1.85}h1{font-family:var(--font-title);font-size:var(--text-hero);letter-spacing:.035em}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}small{font-size:var(--text-xs)}.theme-root{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--text-md);min-height:100vh;transition:background var(--transition),color var(--transition)}.app-layout{display:flex;min-height:100vh}.icon{width:var(--icon-size);height:var(--icon-size);flex-shrink:0}.sidebar{width:var(--sidebar-width);background:var(--surface);border-right:var(--line-width) solid var(--border);padding:var(--space-8) var(--space-5) var(--space-6);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:20}.brand{border:0;background:none;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-3);text-align:left;font-family:var(--font-title);font-size:var(--dimension-32);letter-spacing:.14em;font-weight:600}.brand-en{display:block;font-family:var(--font-body);font-size:var(--dimension-9);letter-spacing:.16em;color:var(--muted);margin-top:var(--space-1)}.brand-mark{position:relative;width:var(--dimension-40);height:var(--dimension-40);flex-shrink:0}.brand-mark i{position:absolute;width:var(--dimension-26);height:var(--dimension-26);border:var(--dimension-1) solid var(--text);border-radius:50%;background:var(--text);left:0;top:var(--dimension-3)}.brand-mark i+i{background:var(--surface);left:var(--dimension-13);top:var(--dimension-16)}.side-caption{font-size:var(--dimension-9);letter-spacing:.14em;color:var(--muted);margin:var(--space-6) 0 var(--space-8);text-align:center}.sidebar nav{display:grid;gap:var(--space-2)}.nav-item{border:0;background:none;width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--muted);text-align:left;min-height:var(--dimension-49)}.nav-item.active{color:var(--primary);background:var(--surface-soft);font-weight:600}.nav-item:hover{background:var(--surface-soft)}.nav-dot{margin-left:auto;width:var(--dimension-5);height:var(--dimension-5);background:var(--primary);border-radius:50%}.side-bottom{margin-top:auto;padding-top:var(--space-8)}.new-tag{margin-left:auto;border:var(--dimension-1) solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-xs);padding:var(--dimension-1) var(--dimension-5)}.side-note{display:flex;align-items:center;gap:var(--space-3);border-top:var(--dimension-1) solid var(--border);margin-top:var(--space-5);padding:var(--space-6) var(--space-3) 0;color:var(--muted)}.side-note p{font-size:var(--text-xs);line-height:1.8}.workspace{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}.topbar{height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);border-bottom:var(--dimension-1) solid var(--border);background:var(--bg)}.breadcrumb{font-size:var(--text-xs);color:var(--muted);display:flex;gap:var(--space-4)}.breadcrumb strong{color:var(--text);font-weight:500}.top-actions{display:flex;gap:var(--space-5);align-items:center}.offline{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--muted)}.offline i,.live-dot{display:inline-block;width:var(--dimension-5);height:var(--dimension-5);background:var(--primary);border-radius:50%}.icon-button{border:0;background:transparent;min-width:var(--dimension-40);min-height:var(--dimension-40);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.icon-button:hover{background:var(--surface-soft)}.avatar{border:var(--dimension-1) solid var(--border);background:var(--surface-soft);color:var(--primary);font-family:var(--font-title);display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.avatar.small{width:var(--dimension-34);height:var(--dimension-34);font-size:var(--text-lg)}.avatar.large{width:var(--dimension-80);height:var(--dimension-80);font-size:var(--dimension-36)}.main-content{max-width:var(--content-width);margin:0 auto;padding:var(--space-8) var(--space-8) var(--space-6)}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-7)}.eyebrow{font-size:var(--dimension-9);color:var(--accent);letter-spacing:.18em;font-weight:600}.page-heading h1{margin:var(--space-3) 0;font-size:var(--dimension-30)}.page-heading p{font-size:var(--text-sm)}.heading-dot{color:var(--primary)}.date-stamp{display:flex;align-items:center;gap:var(--space-3);color:var(--accent);font-size:var(--text-xs);line-height:1.8}.date-stamp .icon{width:var(--dimension-30);height:var(--dimension-30)}.date-stamp strong{font-weight:400;color:var(--muted)}.hero{background:var(--hero);border:var(--dimension-1) solid var(--border);border-radius:var(--radius-lg);min-height:var(--hero-height);position:relative;overflow:hidden;display:flex}.hero-copy{position:relative;z-index:2;padding:var(--space-7) var(--space-8);width:51%}.badge{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--primary);padding:var(--dimension-5) var(--space-3);border:var(--dimension-1) solid var(--decoration);border-radius:var(--radius-pill)}.hero h2{font-family:var(--font-title);font-size:var(--text-hero);letter-spacing:.08em;line-height:1.38;margin:var(--space-4) 0 var(--space-3)}.hero p{font-size:var(--text-xs);line-height:1.9}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--dimension-44);padding:var(--space-3) var(--space-5);border:var(--dimension-1) solid transparent;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;transition:background var(--transition),transform var(--transition)}.button:hover:not(:disabled){filter:brightness(.97);transform:translateY(-1px)}.button.primary{background:var(--button-fill);color:var(--on-primary);box-shadow:var(--button-shadow)}.button.secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.button.ghost{background:transparent;color:var(--muted)}.button.danger{background:var(--danger);color:var(--on-primary)}.hero .button{margin-top:var(--space-5);min-width:var(--dimension-155)}.hero-foot{display:block;font-size:var(--dimension-10);color:var(--muted);margin-top:var(--space-4)}.hero-foot span{padding:0 var(--space-2)}.hero-art{position:absolute;inset:0 0 0 47%;overflow:hidden}.hero-board{position:absolute;width:var(--dimension-350);right:var(--dimension-28);top:var(--dimension-58);transform:rotate(-15deg) skew(7deg,5deg);filter:drop-shadow(0 var(--dimension-22) var(--dimension-20) color-mix(in srgb,var(--text) 16%,transparent))}.hero-board .board-shell{box-shadow:var(--shadow-hero);padding:var(--dimension-7)}.orbit{position:absolute;width:var(--dimension-390);height:var(--dimension-390);border:var(--dimension-1) solid var(--decoration);border-radius:50%;right:0;top:-10px}.orbit-two{width:var(--dimension-490);height:var(--dimension-490);right:-50px;top:-60px}.art-label{position:absolute;right:var(--space-5);top:var(--space-6);writing-mode:vertical-rl;font-family:var(--font-title);color:var(--muted);font-size:var(--text-xs);letter-spacing:.3em}.loose-stones{position:absolute;width:var(--dimension-140);bottom:-4px;left:var(--dimension-6);filter:drop-shadow(0 var(--dimension-8) var(--dimension-4) color-mix(in srgb,var(--text) 18%,transparent))}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin:var(--space-5) 0 var(--space-7)}.quick-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);border:var(--dimension-1) solid var(--border);background:var(--surface);border-radius:var(--radius-md);text-align:left;box-shadow:var(--shadow)}.quick-card>span:nth-child(2){flex:1}.quick-card strong{display:block;font-size:var(--text-md);font-weight:600}.quick-card small{display:block;color:var(--muted);margin-top:var(--dimension-6);font-size:var(--dimension-10)}.quick-card>.icon{width:var(--dimension-16);color:var(--muted)}.quick-icon,.feature-icon{width:var(--dimension-44);height:var(--dimension-44);background:var(--surface-soft);color:var(--primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-icon .icon{width:var(--dimension-24);height:var(--dimension-24)}.home-columns{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--space-6)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.section-heading h2{font-size:var(--text-lg)}.section-heading p{font-size:var(--text-xs);margin-top:var(--dimension-6)}.text-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;border:0;background:transparent;color:var(--primary);font-size:var(--text-xs);white-space:nowrap}.text-button .icon{width:var(--dimension-15);height:var(--dimension-15)}.card{border:var(--dimension-1) solid var(--border);background:var(--surface);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow)}.daily-card{display:flex;align-items:center;gap:var(--space-5);min-height:var(--dimension-225);padding:var(--space-5)}.daily-board{width:45%;flex-shrink:0}.daily-board .board-shell{padding:var(--dimension-4);box-shadow:none}.daily-copy h3{font-family:var(--font-title);font-size:var(--text-xl);margin:var(--space-3) 0 var(--space-2)}.pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--dimension-4) var(--space-2);border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--primary);font-size:var(--dimension-10)}.daily-copy p{font-size:var(--dimension-10);margin:var(--space-3) 0}.journey-card{min-height:var(--dimension-225);padding:var(--space-5) var(--space-6)}.journey-stats{display:flex;justify-content:space-between;gap:var(--space-3)}.journey-stats strong{display:block;font-family:Georgia,serif;font-size:var(--dimension-26);font-weight:400}.journey-stats small{font-family:var(--font-body);font-size:var(--dimension-9);margin-left:var(--dimension-6);color:var(--muted)}.journey-stats span{display:block;margin-top:var(--dimension-6);font-size:var(--dimension-10);color:var(--muted)}.journey-divider{height:var(--dimension-1);background:var(--border);margin:var(--space-4) 0}.journey-card .eyebrow{font-size:var(--dimension-8)}blockquote{font-family:var(--font-title);font-size:var(--text-lg);line-height:1.7;margin:var(--space-2) 0 var(--space-1)}blockquote br{display:none}.muted{color:var(--muted);font-size:var(--text-xs)}.journey-card>.muted{font-size:var(--dimension-10)}.theme-banner{display:flex;align-items:center;width:100%;text-align:left;gap:var(--space-4);margin-top:var(--space-6);padding:var(--space-5) var(--space-6);border:var(--dimension-1) solid var(--border);background:var(--surface-soft);border-radius:var(--radius-md)}.theme-banner-icon{display:flex;color:var(--primary)}.theme-banner strong{display:block;font-size:var(--text-sm);font-weight:500}.theme-banner small{display:block;color:var(--muted);margin-top:var(--dimension-6);font-size:var(--dimension-10)}.theme-dots{display:flex;gap:var(--space-2);margin-left:auto;margin-right:var(--space-5)}.theme-dots i{width:var(--dimension-17);height:var(--dimension-17);border:var(--dimension-2) solid var(--surface);border-radius:50%}footer{display:flex;justify-content:space-between;margin-top:var(--space-6);color:var(--muted);font-size:var(--dimension-9)}footer span{letter-spacing:.08em}.mobile-nav{display:none}.board-shell{width:100%;max-width:var(--board-max);padding:var(--space-2);background:var(--board-frame);border-radius:var(--radius-sm);box-shadow:var(--shadow-hero)}.go-board{width:100%;display:block;touch-action:manipulation}.board-ground{fill:var(--board-bg)}.board-grid path{fill:none;stroke:var(--board-line);stroke-width:.7}.board-grid text{fill:var(--board-label);font-size:var(--dimension-8);text-anchor:middle}.go-board [role=button]{cursor:crosshair}.go-board [role=button]:focus-visible{stroke:var(--primary);stroke-width:2;outline:none}.stone{filter:drop-shadow(var(--stone-shadow))}[data-board-skin=grain] .board-shell{background-image:repeating-linear-gradient(95deg,transparent 0 var(--dimension-8),color-mix(in srgb,var(--board-line) 10%,transparent) var(--dimension-9) var(--dimension-10))}[data-board-skin=circuit] .board-shell{box-shadow:0 0 var(--dimension-22) color-mix(in srgb,var(--board-line) 15%,transparent)}.info-strip{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface-soft);border:var(--dimension-1) solid var(--border);border-radius:var(--radius-sm);color:var(--muted);font-size:var(--text-sm);line-height:1.8;margin-bottom:var(--space-6)}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-6)}.mode-grid .card{padding:var(--space-7)}.mode-grid h2{margin:var(--space-5) 0 var(--space-3)}.mode-grid p{font-size:var(--text-sm);margin-bottom:var(--space-6)}.feature-icon{width:var(--dimension-56);height:var(--dimension-56)}.feature-icon .icon{width:var(--dimension-28);height:var(--dimension-28)}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) var(--dimension-270);gap:var(--space-7);align-items:start}.board-column{min-width:0}.player-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-1)}.player-row:first-child{padding-top:0}.player-row strong{display:block;font-size:var(--text-sm)}.player-row small{display:block;color:var(--muted);margin-top:var(--space-1);font-size:var(--dimension-10)}.player-row>span:last-child{margin-left:auto;font-size:var(--text-xs)}.player-stone{display:block;width:var(--dimension-32);height:var(--dimension-32);border-radius:50%;box-shadow:var(--stone-shadow);flex-shrink:0}.player-stone.white{background:var(--white);border:var(--dimension-1) solid var(--white-edge)}.player-stone.black{background:radial-gradient(at 30% 25%,var(--black-light),var(--black))}.turn-label{color:var(--primary)}.game-panel{padding-top:var(--space-1)}.game-panel .card h2{margin:var(--space-4) 0}.game-panel .card p{font-size:var(--text-sm);margin-bottom:var(--space-4)}.game-panel .card .button{width:100%;margin-top:var(--space-2)}.game-controls{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-5)}.quiet-note{display:flex;align-items:flex-start;gap:var(--space-2);margin:var(--space-5) 0;color:var(--muted);font-size:var(--text-xs);line-height:1.8}.quiet-note .icon{width:var(--dimension-16);height:var(--dimension-16);margin-top:var(--dimension-3)}.ai-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-6)}.ai-intro{text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:var(--space-4)}.ai-orbit{display:flex;align-items:center;justify-content:center;width:var(--dimension-170);height:var(--dimension-170);border:var(--dimension-1) solid var(--decoration);border-radius:50%;background:var(--hero);color:var(--primary);box-shadow:0 0 0 var(--dimension-14) var(--bg);margin-bottom:var(--space-5)}.ai-orbit .icon{width:var(--dimension-72);height:var(--dimension-72)}.ai-intro .info-strip{font-size:var(--text-xs);margin-top:var(--space-4);margin-bottom:0}.choice-stack{display:grid;gap:var(--space-3);margin-bottom:var(--space-6)}.choice{display:flex;align-items:center;justify-content:space-between;text-align:left;border:var(--dimension-1) solid var(--border);border-radius:var(--radius-sm);background:var(--bg);padding:var(--space-4)}.choice strong,.choice small{display:block}.choice strong{font-size:var(--text-sm)}.choice small{color:var(--muted);margin-top:var(--dimension-6)}.choice.selected{border-color:var(--primary);background:var(--surface-soft);color:var(--primary)}.radio{width:var(--dimension-18);height:var(--dimension-18);border:var(--dimension-1) solid var(--border);border-radius:50%}.segmented{display:flex;background:var(--surface-soft);padding:var(--space-1);border-radius:var(--radius-sm);margin-bottom:var(--space-6);gap:var(--space-1)}.segmented button{flex:1;border:0;background:transparent;color:var(--muted);padding:var(--space-3) var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-sm)}.segmented button.selected{background:var(--surface);box-shadow:var(--shadow);color:var(--primary)}.ai-layout>.card>.button{width:100%}.ai-layout>.card>.muted{text-align:center;margin-top:var(--space-3)}.puzzle-result{background:var(--surface-soft);border-radius:var(--radius-sm);color:var(--primary);font-size:var(--text-sm);padding:var(--space-4);line-height:1.85;margin-bottom:var(--space-4)}.record-layout{display:grid;grid-template-columns:var(--dimension-280) minmax(0,1fr);gap:var(--space-6)}.record-list{padding:var(--space-5)}.record-item{display:flex;text-align:left;align-items:center;gap:var(--space-3);width:100%;border:var(--dimension-1) solid transparent;background:none;border-radius:var(--radius-sm);padding:var(--space-4) var(--space-2);margin-bottom:var(--space-2)}.record-item.selected{border-color:var(--border);background:var(--surface-soft)}.record-item strong{display:block;font-size:var(--text-xs);font-weight:500}.record-item small{display:block;font-size:var(--dimension-9);color:var(--muted);margin-top:var(--space-2)}.record-list .segmented{margin-bottom:var(--space-3)}.replay-controls{display:flex;align-items:center;gap:var(--space-1);margin:var(--space-5) 0}.replay-controls input{width:100%;min-width:0;accent-color:var(--primary)}.record-layout .board-column>.muted{margin-top:var(--space-4)}.profile-card{display:flex;align-items:center;gap:var(--space-5);margin-bottom:var(--space-6)}.profile-card p{font-size:var(--text-sm);margin-top:var(--space-2)}.profile-card>.badge{margin-left:auto}.settings-row{display:flex;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-5) 0;border:0;background:none}.settings-row+.settings-row{border-top:var(--dimension-1) solid var(--border)}.settings-row strong{font-size:var(--text-sm);font-weight:500}.settings-row>span{margin-left:auto;font-size:var(--text-xs);color:var(--muted)}.themes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-7)}.theme-card{padding:0;overflow:hidden;border:var(--dimension-2) solid var(--border);border-radius:var(--radius-md);background:var(--surface);text-align:left}.theme-card.selected{border-color:var(--primary)}.theme-preview{height:var(--dimension-155);display:flex;align-items:center;justify-content:center;border-bottom:var(--dimension-1) solid var(--border)}.mini-window{width:var(--dimension-105);height:var(--dimension-132);border:var(--dimension-1) solid;border-radius:var(--dimension-9);padding:var(--dimension-10)}.mini-window>span{display:block;width:var(--dimension-35);height:var(--dimension-5);border-radius:var(--dimension-3);margin-bottom:var(--dimension-9)}.mini-board{width:var(--dimension-83);height:var(--dimension-83);border-radius:var(--dimension-3);position:relative;background-image:linear-gradient(to right,currentColor .5px,transparent .5px),linear-gradient(to bottom,currentColor .5px,transparent .5px);background-size:var(--dimension-10) var(--dimension-10);background-position:var(--dimension-6) var(--dimension-6);border:var(--dimension-6) solid transparent;background-clip:padding-box}.mini-board i{position:absolute;width:var(--dimension-12);height:var(--dimension-12);border-radius:50%;left:var(--dimension-24);top:var(--dimension-25)}.mini-board i+i{left:var(--dimension-35);top:var(--dimension-36)}.mini-window em{display:block;width:var(--dimension-82);height:var(--dimension-9);border-radius:var(--dimension-3);margin-top:var(--dimension-7)}.theme-card-caption{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-3);gap:var(--space-1)}.theme-card-caption strong{display:block;font-size:var(--text-sm)}.theme-card-caption small{display:block;color:var(--muted);font-size:var(--dimension-9);margin-top:var(--space-2)}.theme-card-caption>.icon{color:var(--primary);width:var(--dimension-16)}.mix-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-6)}.theme-select{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) 0;border-bottom:var(--dimension-1) solid var(--border);font-size:var(--text-sm)}.theme-select>span{display:flex;align-items:center;gap:var(--space-3)}select{max-width:55%;border:var(--dimension-1) solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);padding:var(--space-3);font-size:var(--text-xs)}.live-preview .board-shell{max-width:var(--dimension-280);margin:auto;box-shadow:none}.live-preview .section-heading h3{font-size:var(--text-sm)}.welcome{text-align:center;padding:var(--space-7);max-width:var(--dimension-600);margin:auto}.welcome-art{width:var(--dimension-250);margin:var(--space-8) auto;transform:rotate(-8deg);pointer-events:none}.welcome h1{line-height:1.5}.welcome p{margin:var(--space-5) 0}.welcome>small{display:block;color:var(--muted);line-height:1.8;margin-top:var(--space-8)}.toast{position:fixed;bottom:var(--space-7);left:50%;transform:translate(-50%);max-width:calc(100% - var(--dimension-32));width:max-content;background:var(--text);color:var(--bg);padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);box-shadow:var(--shadow);z-index:100;font-size:var(--text-sm)}.modal-backdrop{position:fixed;inset:0;background:color-mix(in srgb,var(--text) 45%,transparent);z-index:90;display:flex;align-items:center;justify-content:center;padding:var(--space-5)}.modal{width:100%;max-width:var(--dimension-390)}.modal p{margin:var(--space-4) 0}.modal .button{width:100%;margin-top:var(--space-2)}@media(min-width:1450px){.main-content{padding-top:var(--space-9)}.hero{min-height:var(--dimension-360)}.hero-board{width:var(--dimension-390);right:var(--dimension-34);top:var(--dimension-45)}.hero-copy{padding:var(--space-8)}}@media(max-width:1150px)and (min-width:761px){.sidebar{width:var(--dimension-184);padding-left:var(--space-3);padding-right:var(--space-3)}.workspace{margin-left:var(--dimension-184);width:calc(100% - var(--dimension-184))}.main-content{padding:var(--space-7) var(--space-6)}.topbar{padding:0 var(--space-6)}.hero-copy{padding:var(--space-6);width:55%}.hero-board{width:var(--dimension-295);right:-25px;top:var(--dimension-65)}.quick-card{padding:var(--space-4) var(--space-3);gap:var(--space-2)}.quick-icon{width:var(--dimension-34);height:var(--dimension-38)}.quick-card small{font-size:var(--dimension-9)}.home-columns{grid-template-columns:1fr 1fr;gap:var(--space-4)}.daily-card{gap:var(--space-3);padding:var(--space-4);min-height:var(--dimension-234)}.daily-copy h3{font-size:var(--text-lg)}.daily-copy p{font-size:var(--dimension-9)}.daily-copy .eyebrow{font-size:var(--dimension-7)}.journey-card{padding:var(--space-5);min-height:var(--dimension-234)}blockquote br{display:block}.theme-banner .theme-dots{display:none}.theme-banner>.text-button{margin-left:auto}.game-layout{grid-template-columns:minmax(0,1fr) var(--dimension-230);gap:var(--space-5)}.game-panel .card{padding:var(--space-4)}.game-controls{gap:var(--space-2)}.game-controls .button{padding:var(--space-3) var(--space-2)}.record-layout{grid-template-columns:var(--dimension-230) minmax(0,1fr)}.themes-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{display:none}.workspace{width:100%;margin-left:0}.topbar{height:calc(var(--dimension-60) + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--space-5) 0}.top-actions{gap:var(--space-2)}.offline{font-size:var(--dimension-10)}.breadcrumb{font-size:var(--dimension-10);gap:var(--space-2)}.main-content{padding:var(--space-6) var(--space-5) calc(var(--dimension-100) + env(safe-area-inset-bottom))}.page-heading{margin-bottom:var(--space-6)}.page-heading h1{font-size:var(--text-xl);margin:var(--space-3) 0}.page-heading p{font-size:var(--text-xs);max-width:var(--dimension-315)}.eyebrow{font-size:var(--dimension-8)}.date-stamp{display:none}.hero{min-height:var(--dimension-310)}.hero-copy{padding:var(--space-6);width:68%}.hero h2{font-size:var(--dimension-34);margin-top:var(--space-4)}.hero p{font-size:var(--dimension-10)}.hero-art{left:49%}.hero-board{width:var(--dimension-220);right:-76px;top:var(--dimension-95);transform:rotate(-18deg) skew(6deg,4deg)}.hero-art .orbit{width:var(--dimension-280);height:var(--dimension-280);right:-110px;top:var(--dimension-28)}.hero-art .orbit-two{width:var(--dimension-360);height:var(--dimension-360);right:-150px;top:-12px}.loose-stones{width:var(--dimension-97);left:-9px;bottom:var(--dimension-14)}.hero-foot{font-size:var(--dimension-8);white-space:nowrap}.hero-foot span{padding:0 var(--dimension-4)}.hero .button{min-width:var(--dimension-134);min-height:var(--dimension-42);margin-top:var(--space-4)}.art-label{font-size:var(--dimension-9);right:var(--space-3);top:var(--space-4)}.quick-grid{gap:var(--space-2);margin-top:var(--space-3);margin-bottom:var(--space-6)}.quick-card{display:flex;flex-direction:column;text-align:center;gap:var(--space-2);padding:var(--space-4) var(--space-1)}.quick-icon{width:var(--dimension-38);height:var(--dimension-38)}.quick-card strong{font-size:var(--text-xs)}.quick-card small{font-size:var(--dimension-8);letter-spacing:-.02em;margin-top:var(--dimension-5)}.quick-card>.icon{display:none}.home-columns{grid-template-columns:1fr;gap:var(--space-6)}.section-heading h2{font-size:var(--text-md)}.section-heading p,.section-heading .text-button{font-size:var(--dimension-10)}.daily-card{min-height:var(--dimension-190);gap:var(--space-5)}.daily-board{width:44%}.daily-copy h3{font-size:var(--text-xl)}.daily-copy p{font-size:var(--dimension-10)}.journey-card{min-height:var(--dimension-210)}.journey-card blockquote{font-size:var(--text-xl)}.theme-banner{padding:var(--space-4);gap:var(--space-3)}.theme-banner small{font-size:var(--dimension-9);line-height:1.7}.theme-banner strong{font-size:var(--text-xs)}.theme-banner>.theme-dots,.theme-banner>.text-button{display:none}footer{font-size:var(--dimension-8);gap:var(--space-3);line-height:1.7}.mobile-nav{position:fixed;inset:auto 0 0;display:flex;justify-content:space-around;padding:var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom));background:var(--surface);border-top:var(--dimension-1) solid var(--border);z-index:30;min-height:var(--dimension-66)}.mobile-nav button{background:none;border:0;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:var(--dimension-6);flex-direction:column;min-width:var(--dimension-52);min-height:var(--dimension-45);font-size:var(--dimension-9)}.mobile-nav button.active{color:var(--primary)}.mobile-nav button.active .icon{fill:color-mix(in srgb,var(--primary) 12%,transparent)}.mode-grid,.ai-layout,.game-layout,.record-layout,.mix-layout{grid-template-columns:1fr;gap:var(--space-5)}.mode-grid .card{padding:var(--space-6)}.info-strip{font-size:var(--text-xs);padding:var(--space-3)}.game-layout{gap:var(--space-3)}.page-game .main-content{padding-left:var(--space-3)}.page-game .page-heading h1{font-size:var(--text-xl)}.game-panel .card{padding:var(--space-5)}.game-panel .card h2{font-size:var(--text-xl);margin:var(--space-2) 0}.game-panel .card p{font-size:var(--text-xs);margin-bottom:var(--space-2)}.game-controls{grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin-top:var(--space-3)}.game-controls .button{flex-direction:column;gap:var(--dimension-6);padding:var(--space-3) var(--dimension-3);font-size:var(--dimension-10);min-height:var(--dimension-62)}.player-row{padding:var(--space-4) var(--space-1)}.player-row strong{font-size:var(--text-xs)}.player-row>span:last-child{font-size:var(--dimension-10)}.board-shell{padding:var(--dimension-5)}.ai-intro{padding:var(--space-7) var(--space-5)}.ai-orbit{width:var(--dimension-120);height:var(--dimension-120);margin-bottom:var(--space-3)}.ai-orbit .icon{width:var(--dimension-56);height:var(--dimension-56)}.record-list{max-height:var(--dimension-285);overflow:auto}.replay-controls{gap:0}.replay-controls .icon-button{min-width:var(--dimension-36)}.profile-card{padding:var(--space-5);gap:var(--space-4)}.avatar.large{width:var(--dimension-56);height:var(--dimension-56);font-size:var(--dimension-28)}.profile-card h2{font-size:var(--text-lg)}.profile-card p{font-size:var(--dimension-10)}.profile-card>.badge{display:none}.themes-grid{grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-6)}.theme-preview{height:var(--dimension-150)}.theme-card-caption{padding:var(--space-3)}.theme-card-caption strong{font-size:var(--text-xs)}.theme-card-caption small{font-size:var(--dimension-8)}.theme-card-caption>.icon{width:var(--dimension-14)}.theme-select{font-size:var(--text-xs)}.theme-select>span{gap:var(--space-2)}.live-preview{padding:var(--space-5)}.toast{bottom:calc(var(--dimension-80) + env(safe-area-inset-bottom));font-size:var(--text-xs);padding:var(--space-3) var(--space-4)}.welcome{padding:var(--space-5) 0}.welcome-art{width:var(--dimension-210)}.welcome h1{font-size:var(--dimension-34)}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.mobile-confirm{display:none}@media(max-width:760px){.desktop-confirm{display:none}.mobile-confirm{display:flex;align-items:center;gap:var(--space-3);position:fixed;bottom:calc(var(--dimension-76) + env(safe-area-inset-bottom));left:var(--space-4);right:var(--space-4);padding:var(--space-3);background:var(--surface);border:var(--dimension-1) solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-hero);z-index:40}.mobile-confirm>span{margin-right:auto;font-size:var(--text-sm)}.mobile-confirm .button{min-height:var(--dimension-40);padding:var(--space-2) var(--space-4)}}.theme-root{color-scheme:var(--color-scheme)}.theme-toggle{color:var(--primary);background:var(--surface-soft)}.puzzle-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.puzzle-level{display:flex;flex-direction:column;gap:var(--space-2);text-align:left;padding:var(--space-4);background:var(--surface);border:var(--dimension-1) solid var(--border);border-radius:var(--radius-md)}.puzzle-level span,.puzzle-level small{color:var(--muted);font-size:var(--text-xs)}.puzzle-level.selected,.puzzle-choice.selected{border-color:var(--primary);background:var(--surface-soft);color:var(--primary)}.puzzle-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));max-width:var(--dimension-420,420px);gap:var(--space-2);margin-bottom:var(--space-5)}.puzzle-choice{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:0;min-height:var(--dimension-44);padding:var(--space-2);background:var(--surface);border:var(--dimension-1) solid var(--border);border-radius:var(--radius-sm)}.puzzle-choice .icon{width:var(--dimension-14);height:var(--dimension-14);color:var(--primary)}.puzzle-note{font-size:var(--text-xs);margin-top:var(--space-3)}@media(max-width:760px){.puzzle-levels{gap:var(--space-2)}.puzzle-level{padding:var(--space-3);gap:var(--space-2)}.puzzle-level strong{font-size:var(--text-sm)}.puzzle-level span,.puzzle-level small{font-size:var(--text-xs)}}