:root{--paper:#faf7f2;--ink:#304b42;--muted:#7c8177;--green:#3e6758;--line:#e3dbd3;--pink:#e7bac5;--surface:#e6ede1;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);background:#faf7f299;border-radius:10px;padding:11px 15px;color:var(--ink);transition:background .15s}button:hover{background:#eee9df}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ae726c;outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.topbar{padding:20px 5%;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;background:#faf7f2dc}.brand{color:var(--ink);font-weight:750;font-size:25px;letter-spacing:-1px;text-decoration:none;display:flex;align-items:center;gap:9px}.brand-icon{font-size:34px;color:#b37987}.brand small{font-size:11px;letter-spacing:3px;font-weight:400;margin-left:15px;color:#9a827b}.top-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.network{font-size:11px;font-weight:650;white-space:nowrap;display:inline-flex;align-items:center;gap:7px}.network:before{content:'';width:7px;height:7px;border-radius:50%;background:#73936a;display:inline-block}.network.offline:before{background:#be8468}.network.checking:before{background:#b2ac98}.offline-info{font-size:10px;color:var(--muted)}.top-actions button{font-size:11px}main{max-width:1400px;margin:auto;padding:0 5% 24px}.intro{position:relative;min-height:350px;margin:0 -5.55% 35px;padding:52px 5% 35px;overflow:hidden;border-bottom:1px solid #ede2db;background:radial-gradient(ellipse at 85% 20%,#f1d9de99,transparent 65%),linear-gradient(115deg,#f9f3eb,#fbf3ef)}.intro-copy{position:relative;z-index:2;pointer-events:none;max-width:580px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:650;color:#9c777a;margin:0 0 17px}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(36px,4vw,57px);letter-spacing:-1.8px;margin:0 0 18px;line-height:1.18}h1 em{font-weight:400;color:#9a6877}.lede{font-size:13px;color:var(--muted);line-height:1.9;margin:0}.sakura-canopy{position:absolute;right:-50px;top:-75px;width:63%;height:460px;object-fit:contain;object-position:top right;opacity:.88;pointer-events:none}.setup-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:36px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px}h2{font-size:17px;letter-spacing:-.3px;margin:0}.section-title>span{font-size:11px;color:var(--muted)}.filters{display:flex;gap:7px;margin-bottom:20px;flex-wrap:wrap}.filters button{font-size:10px;padding:8px 12px;border-radius:30px;background:transparent}.filters button[aria-pressed=true]{background:#e5ede2;border-color:#ccd9c6}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}.motif-card{position:relative;min-width:0}.motif{width:100%;padding:0;text-align:left;border:none;background:none;position:relative;border-radius:12px}.motif:hover{background:none}.motif img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;border-radius:12px;background:#e8e8db;border:3px solid transparent;transition:border-color .15s}.motif[aria-pressed=true] img{border-color:var(--green)}.check{display:none;position:absolute;right:12px;top:12px;background:var(--green);color:white;border:2px solid white;border-radius:50%;width:25px;height:25px;text-align:center;line-height:21px}.motif[aria-pressed=true] .check{display:block}.motif-name{display:block;font-weight:650;font-size:12px;margin:9px 3px 4px}.motif-tag{font-size:10px;color:var(--muted);margin-left:3px;line-height:1.5;display:block}.license-button{position:absolute;left:11px;top:11px;background:#faf7f2e8;border-color:#ffffffa0;border-radius:50%;width:26px;height:26px;padding:0;font-family:Georgia,serif;z-index:2}.rights-tooltip{position:absolute;left:10px;right:10px;top:43px;pointer-events:none;z-index:3;background:#fff9f2f5;font-size:10px;border:1px solid #e2d3c6;border-radius:7px;padding:9px;line-height:1.5;opacity:0;transition:opacity .15s}.motif-card:hover .rights-tooltip,.motif-card:focus-within .rights-tooltip{opacity:1}.selected-info{font-size:11px;line-height:1.8;margin:22px 0 0;padding:13px 15px;border:1px solid var(--line);border-radius:10px;color:var(--muted)}.selected-info strong{color:var(--ink)}.selected-info button{font-size:10px;padding:4px 9px;margin-left:8px}.rights{font-size:10px;color:var(--muted);margin:14px 0}.rights a,a{color:inherit}.settings{border:1px solid var(--line);border-radius:16px;padding:25px 23px;background:#f5f0e8;align-self:start}.settings h2{margin-bottom:25px}fieldset{padding:0;border:0;margin:0 0 22px}legend,.field{font-size:12px;font-weight:650;display:block;margin-bottom:11px}.segmented{display:flex;padding:4px;border:1px solid var(--line);border-radius:9px;gap:4px;background:#ebe8df}.segmented label{flex:1;position:relative}.segmented input{position:absolute;opacity:0}.segmented span{display:block;text-align:center;padding:10px 4px;font-size:12px;border-radius:6px}.segmented input:checked+span{background:var(--paper);box-shadow:0 1px 4px #243e3510;font-weight:650}.segmented input:focus-visible+span{outline:2px solid #bd785c}.help{font-size:11px;color:var(--muted);line-height:1.7}.centered{text-align:center}.help:empty{display:none}.text-input{background:var(--paper);border:1px solid var(--line);border-radius:9px;width:100%;padding:12px;color:var(--ink);font-size:13px}#name-field{margin:20px 0}.piece-picker{position:relative}#count-trigger{display:flex;width:100%;justify-content:space-between;background:#fffcf7;padding:14px;font-size:13px;border-color:#d9d1c6}#count-trigger[aria-expanded=true]{border-color:#829b80}#count-options{position:absolute;z-index:10;top:calc(100% + 7px);right:0;left:0;background:#fffcf8;border:1px solid #d9d1c6;box-shadow:0 12px 30px #66524520;padding:8px;border-radius:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;max-height:290px;overflow:auto}#count-options button{padding:10px 2px;border:0;font-size:12px}#count-options button[aria-selected=true]{background:#dfeadb;color:#355642;font-weight:750}.toggle{display:flex;gap:10px;align-items:flex-start;margin:22px 0;cursor:pointer}.toggle input{accent-color:var(--green);width:17px;height:17px;flex-shrink:0}.toggle strong{font-size:12px;font-weight:600}.toggle small{font-size:11px;color:var(--muted);display:block;line-height:1.7;margin-top:5px}.swatches{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.swatch{width:27px;height:27px;border-radius:50%;padding:0;border:2px solid #fff;outline:1px solid #d6d1c5;flex-shrink:0;background:var(--swatch)}.swatch:hover{background:var(--swatch);box-shadow:0 0 0 2px #819077}.swatch[aria-pressed=true]{outline:2px solid var(--green);outline-offset:2px}.selection-summary{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0;font-size:11px;gap:10px;margin-top:25px}.primary{display:flex;align-items:center;justify-content:space-between;background:var(--green);color:white;border-color:var(--green);font-size:13px;padding:15px 17px;width:100%}.primary:hover{background:#315345}.benefits{display:flex;gap:40px;justify-content:center;border-top:1px solid var(--line);padding:27px 0 5px;margin-top:27px;font-size:12px;color:var(--muted)}footer{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;gap:16px;padding:25px 5%;font-size:10px;color:#8b8e7f}footer i{font-family:Georgia,serif}.error{color:#a04434;font-size:12px;line-height:1.6}.error:empty{display:none}.saved-section{padding:0 0 25px;margin-bottom:28px;border-bottom:1px solid var(--line)}.saved-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.save-card{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fffcf7}.save-card img{width:64px;height:64px;object-fit:cover;border-radius:7px}.save-card h3{font-size:12px;margin:0 0 6px}.save-card p{font-size:10px;color:var(--muted);margin:4px 0}.save-card button{font-size:11px;padding:7px 8px}.save-actions{display:flex;flex-direction:column;gap:5px}.save-card .delete-save{font-size:10px;border:0;color:#a36661;padding:4px}.save-card progress{width:100%;height:5px;accent-color:var(--green);display:block}.playing{overflow:hidden}.playing>.topbar,.playing>footer{display:none}.playing main{padding:0;max-width:none}#game{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;background:var(--paper);padding-top:env(safe-area-inset-top)}.game-top{display:flex;gap:12px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line);flex-shrink:0}.game-top button{font-size:11px;padding:9px 11px}.game-title-wrap{margin-right:auto;min-width:0}.game-title-wrap h1{font-family:Georgia,serif;font-size:21px;letter-spacing:-.5px;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-title-wrap #progress{font-size:10px;color:var(--muted)}.board-tools{display:flex;align-items:center;gap:18px;padding:9px 18px;flex-shrink:0;font-size:11px;border-bottom:1px solid var(--line)}#connection{margin-right:auto;font-size:10px;color:var(--muted)}.zoom-controls{display:flex;align-items:center;gap:7px}.zoom-controls button{padding:5px 9px;font-size:13px}.zoom-controls input{width:110px;accent-color:var(--green)}.zoom-controls output{font-size:10px;min-width:42px;text-align:center}#fit{font-size:10px}.participants{display:flex;gap:8px;align-items:center;padding:7px 18px;flex-shrink:0;overflow:auto;border-bottom:1px solid var(--line)}.participant{display:flex;align-items:center;gap:7px;white-space:nowrap;background:#edf0e7;border-radius:20px;padding:6px 10px;font-size:10px}.participant.absent{opacity:.55}.participant-dot{width:7px;height:7px;border-radius:50%;background:#829b76}.participant.moving{background:#f2e1dc}.participant.moving .participant-dot{background:#b47b72}.participant.absent .participant-dot{background:#aba397}#board-scroll{position:relative;width:100%;flex:1;min-height:80px;overflow:hidden;overscroll-behavior:none;background:var(--surface)}#board{display:block;touch-action:none;width:100%;height:100%;cursor:grab}#board:active{cursor:grabbing}.game-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:9px;padding:8px 18px;color:var(--muted);padding-bottom:max(8px,env(safe-area-inset-bottom));flex-shrink:0}.game-bottom #save-status{white-space:nowrap}#game-error{padding:0 18px;margin:3px 0 8px}#completion{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;padding:30px;background:#fcf8eff2;border:1px solid #e3d9cb;box-shadow:0 15px 50px #304b4220;border-radius:16px;max-width:90%;width:350px}#completion>span{font-size:36px;color:#b77f8b}#completion h2{font-family:Georgia,serif;font-size:24px}#completion p{font-size:12px;color:var(--muted)}#completion .primary{font-size:12px;margin-top:20px}dialog{max-width:min(90vw,1000px);padding:25px;border:1px solid var(--line);border-radius:15px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#243b34a8}dialog img{display:block;max-width:100%;max-height:75vh;border-radius:7px}#close-preview,#close-rights,#close-invite{position:absolute;right:12px;top:12px;background:var(--paper);padding:7px 10px}#rights-dialog,#join-dialog,#invite-dialog{max-width:450px;font-size:13px;line-height:1.8;padding:32px}#rights-dialog h2,#invite-dialog h2{padding-right:25px;margin:10px 0 20px}#rights-dialog a{color:var(--green)}#join-dialog h2{font-family:Georgia,serif;font-size:26px}#join-dialog .primary{margin:20px 0 12px}#join-cancel{width:100%;border:0;font-size:12px}#invite-dialog .primary{margin-top:14px}.rights-page{max-width:850px;margin:40px auto;padding:24px}.rights-page pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.8 system-ui}.rights-page h1{font-size:32px}.rights-page>a{font-size:13px}@media(max-width:1000px){.setup-layout{gap:24px;grid-template-columns:minmax(0,1fr) 280px}.settings{padding:23px 18px}.sakura-canopy{right:-100px;width:68%;opacity:.72}.saved-list{grid-template-columns:1fr 1fr}.game-top{gap:8px}.board-tools{gap:12px}.zoom-controls input{width:85px}.brand small{display:none}}@media(max-width:650px){.topbar{padding:14px 5%;gap:10px}.brand{font-size:21px}.brand-icon{font-size:29px}.top-actions{gap:5px;flex-direction:column;align-items:flex-end}.network{font-size:10px}.offline-info{font-size:8px;max-width:155px;text-align:right}.top-actions button{font-size:9px;padding:6px}.intro{min-height:360px;padding-top:35px;margin-bottom:25px}.intro-copy{max-width:300px}.intro h1{font-size:37px;line-height:1.2}.intro .lede{font-size:11px;max-width:235px}.lede br{display:none}.sakura-canopy{width:100%;height:340px;top:40px;right:-145px;opacity:.42}.eyebrow{font-size:8px;letter-spacing:1.4px}.japan-stamp{font-size:21px}.petals-toggle{bottom:12px;right:20px;font-size:9px}.setup-layout{grid-template-columns:1fr;gap:23px}.section-title h2{font-size:15px}.section-title>span{font-size:10px}.gallery{gap:20px 12px}.motif-name{font-size:11px}.motif-tag{font-size:9px}.rights-tooltip{display:none}.settings{padding:23px}.benefits{gap:16px;flex-wrap:wrap;font-size:10px}footer{font-size:9px;flex-wrap:wrap}.saved-list{grid-template-columns:1fr}.game-top{padding:8px;gap:7px;flex-wrap:wrap}.game-top button{padding:7px;font-size:10px}.game-top #back span,.game-top #fullscreen span{display:none}.game-title-wrap{max-width:calc(100% - 85px);flex:1;order:0}.game-title-wrap h1{font-size:16px}.game-top #game-network{margin-left:auto;order:0}.game-top #preview,.game-top #fullscreen,.game-top #invite{order:1}.board-tools{padding:8px;gap:10px;flex-wrap:wrap}#connection{font-size:9px}.board-tools .swatches{gap:6px}.board-tools .swatch{width:21px;height:21px}.zoom-controls{margin-left:auto}.zoom-controls input{width:75px}.zoom-controls output{font-size:9px;min-width:36px}.game-bottom{font-size:8px;padding:6px 8px}.game-bottom>span:first-child{max-width:65%;line-height:1.5}.participants{padding:6px 8px}.participant{font-size:9px}#rights-dialog,#join-dialog,#invite-dialog{padding:25px}}@media(max-height:500px) and (orientation:landscape){.game-top{padding:5px 10px;flex-wrap:nowrap}.game-title-wrap h1{font-size:15px}.game-top button{padding:5px 8px}.board-tools{padding:5px 10px;flex-wrap:nowrap}.participants{padding:4px 10px}.game-bottom{padding:4px 10px;font-size:8px}.game-bottom>span:first-child{max-width:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.search-row{display:flex;gap:10px;margin:0 0 15px;align-items:stretch}.search-field{display:flex;align-items:center;gap:9px;background:#fffaf5;border:1px solid var(--line);border-radius:11px;padding:11px 13px;flex:1;min-width:0}.search-field:focus-within{outline:2px solid #aa7e87;outline-offset:2px}.search-field>span:first-child{font-size:23px;line-height:18px;color:#977a7b}.search-field input{border:0;outline:0!important;background:none;min-width:0;flex:1;color:var(--ink);font-size:12px}.search-field kbd{font:10px system-ui;border:1px solid #e1d6cd;border-radius:4px;padding:2px 5px;color:var(--muted)}#sort-picker{position:relative;font-size:11px;z-index:12;flex-shrink:0}#sort-picker summary{cursor:pointer;padding:15px 12px;border:1px solid var(--line);border-radius:10px;list-style:none}#sort-picker summary:after{content:' ⌄'}#sort-picker>div{position:absolute;right:0;top:calc(100% + 7px);width:170px;padding:10px;background:#fffaf5;box-shadow:0 8px 25px #6a505021;border:1px solid var(--line);border-radius:10px}#sort-picker label{display:flex;gap:8px;padding:9px;cursor:pointer}#sort-picker input{accent-color:var(--green)}.tag-filters{display:flex;gap:6px;flex-wrap:wrap;margin:-8px 0 17px}.tag-filters button{border:0;border-radius:6px;padding:5px 8px;background:#eee7e25e;font-size:9px;color:#897a74}.tag-filters button[aria-pressed=true]{background:#ebd5de;color:#815563}.active-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.active-filters:empty{display:none}.active-filters button{background:#edf1e8;border:0;font-size:10px;padding:5px 8px}.no-results{text-align:center;padding:40px 15px;color:var(--muted);border:1px dashed var(--line);border-radius:12px}.no-results>span{font-size:35px;color:#c58c9d}.no-results h3{font-family:Georgia,serif;font-size:21px;font-weight:400;color:var(--ink)}.no-results p{font-size:12px}.no-results button{font-size:11px}
.more-tags{margin:-3px 0 18px;font-size:10px;color:var(--muted)}.more-tags summary{cursor:pointer;display:inline-block;padding:3px 0}.more-tags summary:after{content:' ⌄'}.more-tags .tag-filters{margin:10px 0 0;max-height:160px;overflow:auto;padding:5px 2px}.selected-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.selected-info .selected-tags button{margin:0;padding:2px 6px;font-size:9px;border:0;background:#f1e7e3}.selected-info .selected-tags button:hover{background:#e7d5dc}
body{background-image:url('assets/petal-pattern.svg');background-size:440px 480px}.brand{flex-wrap:wrap;max-width:260px;column-gap:9px;row-gap:0}.brand small{display:block!important;flex-basis:100%;font-size:10px;letter-spacing:1.1px;margin:0 0 0 43px;color:#9a827b;white-space:nowrap}.intro{background:radial-gradient(ellipse at 85% 20%,#f1d9de66,transparent 65%)}.settings,.save-card{background-color:#faf5edeb}.rights-page{background:#faf7f2ed;border-radius:15px}.playing{background-image:none}@media(max-width:650px){.brand{max-width:205px}.brand small{font-size:8px;margin-left:37px;letter-spacing:.7px}}
.load-more{display:block;width:100%;margin:22px 0 0;padding:13px;font-size:12px;border-style:dashed;background:#faf5edb0}
.rights-entry{display:flex;gap:20px;margin:25px 0;padding:20px 0;border-top:1px solid var(--line);font-size:12px;line-height:1.8}.rights-entry img{width:150px;height:113px;object-fit:cover;border-radius:8px;flex-shrink:0}.rights-entry h2{font-size:16px}.rights-entry p{margin:7px 0}.rights-page>p{font-size:13px;line-height:1.8}@media(max-width:650px){.rights-entry{gap:12px}.rights-entry img{width:90px;height:68px}}

/* Allow narrow WebKit grids to shrink below intrinsic search/control widths. */
.setup-layout>.collection,.setup-layout>.settings{min-width:0}.section-title{flex-wrap:wrap}.search-field input{width:0}
@media(max-width:650px){.setup-layout{grid-template-columns:minmax(0,1fr)}}