:root{color-scheme:light;--paper:#f5ecd7;--paper-deep:#e8d9b9;--ink:#292f26;--muted:#655e4b;--green:#315b43;--rose:#a7435d;--gold:#93652b;--border:#8f825f;font-family:"Trebuchet MS",Verdana,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-width:280px}button,input,select{font:inherit}button{cursor:pointer;min-height:44px;color:var(--ink);border:1px solid var(--border);background:#f8f0dc;padding:.6rem .9rem;border-radius:5px;transition:background .16s,box-shadow .16s}button:hover{background:#fff9e9}button:disabled{cursor:default;opacity:.56}button.primary{background:var(--green);border-color:var(--green);color:#fff8e8;box-shadow:0 4px 0 #203e2d}button.primary:hover{background:#234b35}button.rose{background:var(--rose);color:#fff8ea;border-color:var(--rose)}button.flat{border-color:transparent;background:transparent}button.icon{width:44px;padding:0;font-size:1.4rem}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #944262;outline-offset:3px}button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--green);border-color:var(--green)}input,select{min-height:46px;border:1px solid #7b7159;background:#fffaf0;padding:.65rem .8rem;border-radius:4px;color:var(--ink);width:100%}label{display:grid;gap:.4rem}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:normal}h2{font-size:clamp(1.5rem,3vw,2.2rem)}h3{font-size:1.2rem}p{line-height:1.55}.muted{color:var(--muted)}.small{font-size:.85rem}.row{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.stack{display:grid;gap:1rem}.hidden,[hidden]{display:none!important}#header{min-height:68px;padding:.6rem 1.2rem;display:flex;align-items:center;gap:.5rem;position:relative;z-index:10;background:#f5ecd7eF;border-bottom:1px solid #bcae8b}#header .wordmark{font:italic bold 2.1rem Georgia;letter-spacing:-.09em;padding:0 .6rem 0 0;border:0;background:transparent;min-width:75px}#header .header-room{margin-left:.4rem;font-size:.8rem;color:var(--muted)}.header-tools{margin-left:auto;display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.language{padding:6px 8px;width:49px;display:grid;place-items:center}.language svg{width:29px;height:20px;border-radius:2px}.audio-inline{display:flex;gap:.4rem;align-items:center;font-size:.75rem}.audio-inline input{width:70px;min-height:36px;padding:0;accent-color:var(--green)}.audio-inline button{padding:0;width:36px;min-height:44px;border:0;background:transparent}.audio-inline output{min-width:30px}body[data-screen=home]{background:#f3e8cc}body[data-screen=home] #header{background:transparent;border-bottom:0;position:absolute;width:100%}body[data-screen=home] .audio-inline{display:none}#main{position:relative}.home{min-height:100dvh;background-image:url('/assets/title-scene.webp');background-size:cover;background-position:center;display:flex;align-items:center;padding:95px clamp(24px,7vw,110px) 60px}.home-copy{width:min(470px,100%);position:relative;z-index:2;padding:20px 28px 28px;margin-left:-28px;background:linear-gradient(90deg,#f6ecd5f9 72%,#f6ecd500);border-radius:4px}.home h1{font-size:clamp(5rem,13vw,10rem);font-style:italic;font-weight:bold;letter-spacing:-.085em;line-height:1;margin:0 0 .5rem}.home .tagline{font-family:Georgia,serif;font-size:clamp(1.4rem,3vw,2rem);max-width:350px}.home .subtitle{max-width:310px;margin-top:.8rem;color:#514c3c}.home .credit{margin:1rem 0 1.4rem;font-size:.8rem}.home-actions{display:grid;gap:.7rem;max-width:305px}.home-actions button{font-size:1rem;min-height:50px}.home-actions .practice{background:#f6ecd5d9}.entry-form{max-width:310px;display:grid;gap:.9rem}.entry-form h2{margin-bottom:.2rem}.entry-form .hint{font-size:.9rem}.title-live{position:absolute;z-index:1;pointer-events:none;inset:0;overflow:hidden}.flying{position:absolute;width:85px;animation:flight 17s ease-in-out infinite}.flying:nth-child(2){animation-delay:-6s;animation-duration:23s}.flying:nth-child(3){animation-delay:-12s;animation-duration:21s}.floating-petal{position:absolute;top:-20px;width:14px;height:23px;border-radius:90% 0 90% 0;background:#dda0aa;animation:petal-fall 18s linear infinite;opacity:.65}.lobby,.opening{min-height:calc(100dvh - 68px);padding:2rem clamp(18px,5vw,70px);position:relative;background:linear-gradient(90deg,#f5ecd7 30%,#f5ecd780),url('/assets/title-scene.webp') right center/cover}.lobby-content{max-width:970px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:start}.lobby header{grid-column:1/-1}.lobby h2{font-size:2.8rem;margin-bottom:.6rem}.invite-line{display:flex;gap:.6rem;align-items:center;margin:1rem 0}.invite-code{font:1.4rem Georgia;letter-spacing:.08em}.seat-list{display:grid;gap:.7rem}.seat{display:flex;align-items:center;gap:.8rem;padding:.7rem .2rem;border-bottom:1px solid #b4a784}.seat .motif{width:52px;height:52px}.seat .seat-name{font-size:1.1rem}.seat .seat-meta{font-size:.8rem;color:var(--muted)}.seat .seat-end{margin-left:auto}.lobby-controls{background:#f8f0dfeD;padding:1.2rem;display:grid;gap:1rem;border:1px solid #b4a784}.lobby-controls .mode-tabs{display:flex;gap:.5rem}.lobby-controls .mode-tabs button{flex:1}.opening{text-align:center}.opening .offered{display:flex;gap:2rem;justify-content:center;margin:2rem auto;flex-wrap:wrap}.offered .offered-card{width:min(240px,75vw);display:grid;gap:.7rem}.offered .card-art{max-height:290px}.play{height:calc(100dvh - 68px);min-height:500px;display:grid;grid-template-columns:210px minmax(0,1fr) 260px;grid-template-rows:auto minmax(0,1fr);position:relative}.players{grid-column:1/-1;display:flex;align-items:stretch;gap:.35rem;padding:.5rem .8rem;background:#ede1c6;border-bottom:1px solid #b7aa85;min-width:0}.player-tab{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;text-align:left;padding:.35rem .65rem;background:transparent;border-color:transparent}.player-tab .motif{flex-shrink:0;width:34px}.player-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;font-size:.88rem}.player-score{font:1.3rem Georgia;margin-left:auto}.player-tab.active{background:#fff7e7;border-color:#716546}.player-tab.actor{border-bottom:3px solid var(--rose)}.online-mark{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:4px}.online-mark.away{background:transparent;border:1px solid #6c5946}.player-detail{display:block;font-size:.65rem;color:var(--muted)}.side-left{padding:.9rem .8rem;display:flex;flex-direction:column;gap:.8rem;border-right:1px solid #c3b796;background:#f1e7d1;min-width:0;overflow-y:auto}.side-left .side-section{display:grid;gap:.5rem}.side-left h3{font-size:1rem}.commission-mini{display:flex;align-items:center;text-align:left;gap:.4rem;background:#fbf4e3;padding:.35rem;font-size:.76rem}.commission-mini .card-art{width:38px;flex-shrink:0}.collection-button{display:flex;gap:.5rem;align-items:center;text-align:left}.collection-button .count{font:1.7rem Georgia}.side-bottom{margin-top:auto;display:grid;gap:.3rem}.board-zone{min-width:0;min-height:0;display:flex;flex-direction:column;position:relative;background:#f7eed9}.board-title{padding:.45rem .8rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;position:relative;z-index:2;min-height:49px;border-bottom:1px solid #c3b796}.board-title h2{font-size:1.15rem;margin-right:auto}.board-title .icon{min-height:40px;width:40px}.board-title .zoom-text{font-size:.75rem;min-width:43px;text-align:center}.viewport{flex:1;min-height:220px;position:relative;overflow:hidden;touch-action:none;background-color:#f7eed9;background-image:url('/assets/paper.webp');background-size:680px;isolation:isolate}.world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;width:2400px;height:1800px;border:2px solid #b6a077;box-shadow:0 0 0 5000px #c8bb99;pointer-events:none}.placed,.draft-card{position:absolute;left:0;top:0;width:140px;height:196px;transform-origin:70px 98px;pointer-events:auto;filter:drop-shadow(1px 3px 2px #322c2428)}.placed{border:none;background:none;padding:0;border-radius:4px;min-height:0}.placed:hover{background:none}.placed .card-art,.draft-card .card-art{width:100%;height:100%;display:block}.placed.scored{outline:3px solid #a83c63;outline-offset:-3px}.placed.last-play{z-index:5}.draft-card{z-index:30;outline:3px dashed #a14657;outline-offset:2px;cursor:grab;background:#f0e4c9}.draft-card.valid{outline-style:solid;outline-color:var(--green)}.draft-card:active{cursor:grabbing}.legal-anchor{position:absolute;width:18px;height:18px;border:2px solid #345e43;background:#fdf9e8;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);z-index:29}.anchor-label{position:absolute;font-size:8px;padding:2px;background:var(--green);color:#fff}.right-tray{border-left:1px solid #b8aa85;background:#eee1c5;min-width:0;min-height:0;overflow-y:auto;padding:1rem .8rem;display:flex;flex-direction:column;gap:.7rem}.turn-status{display:grid;gap:.3rem}.turn-status h2{font-size:1.4rem}.turn-status .small{min-height:2rem}.display{display:flex;gap:.8rem;flex-direction:column;align-items:center}.display-card{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:.6rem;width:100%;padding:.25rem;border:1px solid transparent;background:none;text-align:left;border-radius:5px;min-height:0;position:relative}.display-card:hover{background:#f9f0dc}.display-card.selected{border:2px solid var(--green);background:#fff6e2}.display-card:disabled{opacity:1}.display-card .card-art{width:100px;aspect-ratio:140/196;filter:drop-shadow(1px 4px 2px #33281d30)}.display-card .feature-list{display:grid;gap:.1rem}.feature-count{display:flex;align-items:center;gap:.25rem;font-size:.85rem;color:#484a36}.feature-count .motif{width:25px;height:25px}.display-card .commission-caption{font:1rem Georgia;line-height:1.35}.deck-count{font-size:.8rem;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:.4rem}.deck-leaf{width:23px;height:30px;border:1px solid #9b865a;border-radius:3px;background:#c9b98e;box-shadow:2px 2px 0 #a99a75}.action-box{display:grid;gap:.6rem;border-top:1px solid #a99a75;padding-top:.7rem}.action-buttons{display:flex;gap:.35rem;flex-wrap:wrap}.action-buttons .primary{flex:1;min-width:150px}.rotation-controls{display:grid;grid-template-columns:44px 1fr 44px;gap:.35rem;align-items:center}.rotation-controls input{min-width:0;min-height:36px;accent-color:var(--green);padding:0}.placement-message{font-size:.85rem;line-height:1.4;min-height:2.4em}.placement-message.valid{color:#275035}.placement-message.invalid{color:#873b3b}.preview-score{display:flex;align-items:baseline;gap:.4rem}.preview-score strong{font:1.7rem Georgia;color:var(--green)}.score-features{display:flex;gap:.5rem;flex-wrap:wrap;font-size:.8rem}.score-features span{display:flex;align-items:center}.score-features .motif{width:24px}.prune-warning{font-size:.8rem;color:#873c3a;background:#f9e0cf;padding:.5rem;border-radius:3px}.confirm-help{font-size:.7rem;color:#65583e}.board-help{padding:.35rem .8rem;font-size:.68rem;color:#655e4b;border-top:1px solid #c7b98e}.cue{position:fixed;top:120px;left:50%;transform:translateX(-50%);z-index:40;max-width:calc(100vw - 30px);background:#fff5dd;border:2px solid #84596d;box-shadow:0 6px 24px #34251a30;padding:1rem 1.5rem;font:1.3rem Georgia;border-radius:55% 45% 45% 5%/20% 30% 25% 15%;animation:cue-enter .45s ease-out}.cue .motif{vertical-align:middle;margin-right:.5rem}#status{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:90;background:#2d392e;color:#fff8e8;padding:.8rem 1.2rem;max-width:calc(100vw - 24px);border-radius:5px;box-shadow:0 4px 20px #2223;pointer-events:none}#status:empty{display:none}#connection{position:fixed;top:0;left:50%;transform:translateX(-50%);padding:.6rem 1rem;background:#6d3f2e;color:#fff8e6;z-index:100}dialog{color:var(--ink);background:#f8efd9;border:1px solid #8c7e58;border-radius:8px;max-width:min(760px,calc(100vw - 30px));width:100%;max-height:90dvh;padding:2rem;box-shadow:0 15px 70px #25271b55}dialog::backdrop{background:#252a22a8}.dialog-close{position:absolute;right:8px;top:8px;border:0;background:transparent;font-size:1.7rem;width:44px;padding:0}#dialog-body{padding-top:.7rem}.dialog-heading{padding-right:2rem;margin-bottom:1rem}.settings-list{display:grid;gap:1.3rem}.volume-control{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center}.volume-control input{grid-column:1/-1;accent-color:var(--green)}.calm-row{display:flex;gap:.8rem;align-items:center}.calm-row input{width:24px;min-height:24px;accent-color:var(--green)}.rules-list{display:grid;gap:1rem;margin-top:1rem}.rule-example{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin:.6rem 0}.rule-example .card-art{width:70px;height:98px}.inspect-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:1.5rem;align-items:center}.inspect-layout .card-art{width:100%}.inspect-features{display:grid;gap:.6rem}.inspect-features .feature-count{font-size:1rem}.inspect-features .motif{width:38px;height:38px}.gallery{display:flex;flex-wrap:wrap;gap:.6rem}.gallery button{width:95px;padding:0;min-height:0;background:none;border:0}.gallery .card-art{width:100%}.history-list{display:grid;gap:.75rem;max-height:60dvh;overflow-y:auto}.history-entry{border-bottom:1px solid #b8a47c;padding-bottom:.7rem}.history-entry .row{flex-wrap:nowrap}.history-entry .card-art{width:50px;flex-shrink:0}.result-bar{background:#ede0bd;border-top:1px solid #b4a174;padding:.7rem;display:grid;gap:.6rem}.result-bar h2{font-size:1.5rem}.rankings{display:flex;gap:.4rem;flex-wrap:wrap}.ranking{padding:.45rem .65rem;border:1px solid #8e815d;background:#f9efd8;display:flex;gap:.7rem;align-items:center;flex:1;min-width:140px}.ranking.winner{background:#e5eacb;border:2px solid var(--green)}.ranking strong{font:1.7rem Georgia;margin-left:auto}.ranking .score-label{font-size:.7rem}.result-tools{display:flex;gap:.4rem;flex-wrap:wrap}.score-flight{position:fixed;z-index:70;font:2rem Georgia;color:#8c3652;pointer-events:none;animation:point-flight 1.2s ease-in forwards;left:var(--sx);top:var(--sy);text-shadow:0 1px #fff6df}.ink-trail{position:absolute;inset:0;pointer-events:none}.pruning{z-index:20;pointer-events:none;animation:prune-fall 1.8s ease-in 1.7s forwards}.card-art .feature{transform-box:fill-box}.butterfly .wing{transform-box:view-box;transform-origin:0 0}.butterfly .left{animation:wing-left 1.8s ease-in-out infinite;animation-delay:var(--phase,0s)}.butterfly .right{animation:wing-right 1.8s ease-in-out infinite;animation-delay:var(--phase,0s)}.dragon-wings{transform-origin:0 0;animation:dragon-wings 1.1s ease-in-out infinite;animation-delay:var(--phase,0s)}.flower .petals{transform-origin:0 0;animation:flower-breathe 7s ease-in-out infinite;animation-delay:var(--phase,0s)}.red-blossoms{transform-origin:0 14px;animation:blossom-sway 6s ease-in-out infinite;animation-delay:var(--phase,0s)}.selected .feature *,.draft-card .feature *{animation:none!important}.growing .growth-mask{animation:branch-grow 1.7s cubic-bezier(.32,.09,.27,1) both}.growing .feature-bloom{animation:bloom-open 1.1s cubic-bezier(.2,.7,.3,1.1) both;animation-delay:var(--bloom-delay,.8s);transform-origin:0 0}.placed.scored .feature .flower,.placed.scored .feature .butterfly,.placed.scored .feature .dragonfly{filter:drop-shadow(0 0 3px #f1c957)}.skip-link{position:fixed;left:10px;top:-100px;z-index:100;background:#fff5dd;padding:12px;color:var(--ink)}.skip-link:focus{top:10px}#atmosphere{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:35}.opening-choices{display:flex;gap:1rem;justify-content:center}.empty-description{font-size:.8rem;color:#655e4b}.home-links{margin-top:1rem;display:flex;gap:.2rem}.home-links button{padding:.5rem .7rem}.brush-stroke{position:absolute;width:130px;height:4px;background:var(--rose);transform:rotate(-3deg);left:5px;top:128px;opacity:.65}
@keyframes branch-grow{from{r:0}to{r:320}}@keyframes bloom-open{0%{transform:scale(0) rotate(-25deg);opacity:0}70%{transform:scale(1.09) rotate(3deg);opacity:1}100%{transform:scale(1) rotate(0);opacity:1}}@keyframes wing-left{0%,100%{transform:scaleX(1)}48%{transform:scaleX(.34)}}@keyframes wing-right{0%,100%{transform:scaleX(.9)}50%{transform:scaleX(.24)}}@keyframes dragon-wings{0%,100%{transform:scaleY(1)}40%{transform:scaleY(.55)}}@keyframes flower-breathe{0%,100%{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.045) rotate(2deg)}}@keyframes blossom-sway{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(3deg)}}@keyframes flight{0%{transform:translate(55vw,18vh) rotate(-15deg)}25%{transform:translate(78vw,45vh) rotate(25deg)}50%{transform:translate(52vw,65vh) rotate(-25deg)}75%{transform:translate(85vw,26vh) rotate(20deg)}100%{transform:translate(55vw,18vh) rotate(-15deg)}}@keyframes petal-fall{0%{transform:translate(0,-20px) rotate(0);opacity:0}10%{opacity:.7}95%{opacity:.6}100%{transform:translate(160px,110vh) rotate(580deg);opacity:0}}@keyframes cue-enter{from{opacity:0;transform:translate(-50%,15px) scale(.85)}to{opacity:1;transform:translate(-50%,0) scale(1)}}@keyframes point-flight{0%{opacity:0;transform:scale(.7)}20%{opacity:1;transform:translate(0,-35px) scale(1.2)}100%{opacity:0;left:var(--tx);top:var(--ty);transform:scale(.4)}}@keyframes prune-fall{0%{transform:var(--pose);opacity:1}35%{transform:var(--pose) translate(0,20px) rotate(8deg);opacity:1}100%{transform:var(--pose) translate(-220px,260px) rotate(32deg) scale(.3);opacity:0}}
@media(min-width:1550px){.play{grid-template-columns:235px minmax(0,1fr) 305px}.display-card{grid-template-columns:120px 1fr}.display-card .card-art{width:120px}.right-tray{padding:1rem}}
@media(max-width:1130px){.audio-inline{display:none}.play{grid-template-columns:minmax(0,1fr) 245px;grid-template-rows:auto minmax(0,1fr) auto}.side-left{grid-column:1/-1;grid-row:3;flex-direction:row;align-items:center;padding:.5rem .8rem;overflow-x:auto;overflow-y:visible;border-right:0;border-top:1px solid #b8aa85}.side-left .side-section{display:flex;align-items:center;gap:.5rem}.side-left .side-section h3{font-size:.9rem}.side-left .commission-mini{max-width:170px;min-width:110px}.side-left .side-bottom{margin-top:0;margin-left:auto;display:flex;flex-shrink:0}.collection-button{min-width:120px}.board-zone{grid-column:1;grid-row:2}.right-tray{grid-column:2;grid-row:2}.lobby-content{gap:1.5rem}.player-name{max-width:100px}.player-tab .motif{width:28px}.player-detail{font-size:.6rem}}
@media(max-width:760px){#header{padding:.35rem .6rem;min-height:58px;gap:.2rem}.header-tools{gap:.15rem}.header-tools>button{font-size:.8rem;padding:.4rem .5rem}#header .wordmark{font-size:1.8rem;min-width:60px}.header-room{display:none}.language{width:44px}body[data-screen=home] #header{position:absolute}.home{background-position:60% center;align-items:center;padding:90px 22px 45px;min-height:100dvh}.home-copy{margin-left:0;padding:22px 20px;max-width:360px;background:#f7edd9ee;box-shadow:0 2px 25px #b6a27b33}.home h1{font-size:6rem}.home .tagline{font-size:1.5rem}.home .subtitle{font-size:.9rem}.home .credit{margin:.8rem 0 1rem}.home-actions{max-width:none}.home-links{margin-top:.7rem}.lobby,.opening{padding:1.5rem 18px;min-height:calc(100dvh - 58px)}.lobby-content{grid-template-columns:1fr;gap:1.2rem}.lobby h2{font-size:2rem}.lobby header{grid-column:1}.play{height:auto;min-height:calc(100dvh - 58px);grid-template-columns:1fr;grid-template-rows:auto auto auto auto}.players{grid-row:1;gap:0;padding:.3rem .25rem}.player-tab{padding:.3rem;display:grid;grid-template-columns:1fr auto;gap:.15rem}.player-tab .motif{display:none}.player-name{font-size:.72rem;max-width:100%;grid-column:1}.player-score{font-size:1.1rem;grid-column:2;grid-row:1}.player-detail{font-size:.58rem}.board-zone{grid-column:1;grid-row:2;min-height:390px;height:52dvh}.viewport{min-height:260px}.board-title{padding:.35rem .5rem;min-height:48px;gap:.2rem}.board-title h2{font-size:1rem}.board-title .icon{width:36px;min-height:44px}.board-help{display:none}.right-tray{grid-column:1;grid-row:3;border-left:0;border-top:1px solid #b5a27b;padding:.65rem .7rem;overflow:visible;display:grid;gap:.5rem}.turn-status{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.turn-status h2{font-size:1.05rem}.turn-status .small{min-height:0;font-size:.75rem;max-width:50%;text-align:right}.display{flex-direction:row;justify-content:center;gap:.55rem;align-items:stretch}.display-card{grid-template-columns:1fr;gap:.15rem;justify-items:center;width:calc((100% - 1rem)/3);max-width:130px;padding:3px;text-align:center;align-content:start}.display-card .card-art{width:min(100%,90px);max-height:126px}.display-card .feature-list{display:flex;flex-wrap:wrap;gap:.1rem;justify-content:center}.feature-count{font-size:.7rem}.feature-count .motif{width:20px;height:20px}.display-card .commission-caption{font-size:.7rem;padding:.2rem}.deck-count{font-size:.68rem}.deck-leaf{width:15px;height:21px}.action-box{margin-top:.2rem;padding-top:.5rem;grid-template-columns:1fr auto;gap:.4rem}.action-box .rotation-controls{grid-column:1/-1}.action-box .placement-message{grid-column:1/-1;min-height:0;font-size:.78rem}.action-box .action-buttons{grid-column:1/-1}.action-box .prune-warning{grid-column:1/-1}.action-box .confirm-help{grid-column:1/-1}.action-box .preview-score{font-size:.8rem}.side-left{grid-column:1;grid-row:4;flex-wrap:wrap;overflow:visible;gap:.6rem}.side-left .side-section{flex-wrap:wrap}.side-left .side-bottom{margin-left:0}.side-left .commission-mini{max-width:150px;min-width:0}.side-left .commission-mini .card-art{width:27px}.side-left h3{display:none}.side-left .side-bottom button{font-size:.75rem}.collection-button{min-width:0;font-size:.75rem}.collection-button .count{font-size:1.2rem}.cue{top:105px;font-size:1.1rem;padding:.7rem 1rem}.inspect-layout{grid-template-columns:130px 1fr;gap:.8rem}.inspect-features .feature-count{font-size:.85rem}.inspect-features .motif{width:28px}.result-bar{padding:.5rem}.rankings{gap:.3rem}.ranking{min-width:115px;padding:.35rem .45rem}.ranking strong{font-size:1.4rem}.ranking .score-label{font-size:.6rem}.result-bar h2{font-size:1.2rem}dialog{padding:1.2rem}.result-tools button{font-size:.8rem}.opening .offered{gap:1rem}.offered .offered-card{width:43%}.offered .card-art{max-height:230px}}
@media(max-width:370px){.header-tools>button[data-action=rules]{width:44px;font-size:0}.header-tools>button[data-action=rules]:after{content:'?';font-size:1.1rem}.board-title button[data-action=fit]{font-size:.75rem;padding:.4rem}.player-name{font-size:.65rem}.player-tab{grid-template-columns:1fr}.player-score{grid-row:2;grid-column:1;margin:0}.player-detail{display:none}.home h1{font-size:5.3rem}.home-copy{padding:18px}.display-card .card-art{max-height:115px}.board-zone{height:46dvh;min-height:330px}.right-tray .turn-status h2{font-size:.95rem}}
@media(max-height:760px) and (min-width:761px){.display-card{grid-template-columns:75px 1fr}.display-card .card-art{width:75px}.right-tray{padding:.6rem}.display{gap:.35rem}.play{min-height:450px}.turn-status .small{min-height:1rem}.action-box{gap:.35rem;padding-top:.4rem}.turn-status h2{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.growing .feature-bloom{opacity:1!important;transform:none!important}.growth-mask{r:320!important}.flying{display:none}}
:root[data-calm=true] *, :root[data-calm=true] *:before,:root[data-calm=true] *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}:root[data-calm=true] .growing .feature-bloom{opacity:1!important;transform:none!important}:root[data-calm=true] .growth-mask{r:320!important}:root[data-calm=true] .floating-petal,:root[data-calm=true] .flying{display:none}
.source-p,.source-v{transform-box:fill-box;transform-origin:center;animation:original-flower 7s ease-in-out infinite;animation-delay:var(--phase,0s)}.source-b{transform-box:fill-box;transform-origin:center;animation:original-butterfly 1.4s ease-in-out infinite;animation-delay:var(--phase,0s)}.source-d{transform-box:fill-box;transform-origin:center;animation:original-dragonfly 2.8s ease-in-out infinite;animation-delay:var(--phase,0s)}.source-r{transform-box:fill-box;transform-origin:center;animation:original-flower 8s ease-in-out infinite}.floating-tools{position:absolute;z-index:50;display:flex;gap:4px;align-items:center;background:#fff4dced;padding:5px;border:1px solid #8b7e58;border-radius:7px;box-shadow:0 4px 14px #28251b33;touch-action:manipulation}.floating-tools button{min-height:44px;width:40px}.floating-tools .primary:disabled{background:#697361;border-color:#697361;box-shadow:none}.join-marker{position:absolute;width:10px;height:10px;border:2px solid #fff5d9;border-radius:50%;background:#315b43;z-index:35;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 2px #315b43}.hand-follower{position:fixed;z-index:120;pointer-events:none;background:#f2e7cd;filter:drop-shadow(3px 8px 5px #2224);outline:2px solid #315b43}.hand-follower .card-art{width:100%;height:100%}.display-card{touch-action:none}.original-art.growing .feature-bloom{transform-box:fill-box;transform-origin:center}.original-art .growth-mask{animation-duration:2s}.display-card .original-art{image-rendering:auto}.home-copy{background:#f7edd9e8}.header-tools>button{background:#f7edd9f2}.floating-tools .primary{color:#fff8e8}
@keyframes original-flower{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}@keyframes original-butterfly{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.72)}}@keyframes original-dragonfly{0%,100%{filter:brightness(1)}45%{filter:brightness(1.08)}}
#header .audio-inline,body[data-screen=home] #header .audio-inline{display:flex;align-items:center}.audio-inline{flex-wrap:wrap}.audio-inline button{width:auto;padding:0 3px;min-width:38px;font-size:.7rem}.audio-inline input{width:65px}.audio-inline output{font-size:.7rem}#header{flex-wrap:wrap}.header-tools{min-width:0}.home .home-copy{margin-top:25px}
@media(max-width:760px){.header-tools{max-width:calc(100% - 65px)}#header .audio-inline{order:2;flex-basis:100%;justify-content:flex-end;gap:4px}.audio-inline input{width:56px}.audio-inline output{min-width:25px}.audio-inline button{min-width:32px}.home{padding-top:140px}.play{min-height:calc(100dvh - 105px)}.home .home-copy{margin-top:0}.floating-tools{padding:3px;gap:3px}.floating-tools button{width:40px}}
.tree-name{position:absolute;pointer-events:auto;width:200px;min-height:36px;background:#faf0d8e8;color:#393c2d;border:0;padding:7px 12px;font-family:Georgia,serif;font-size:18px;text-align:center;z-index:4;border-radius:3px}.tree-name[aria-pressed=true]{box-shadow:none;text-decoration:underline;text-underline-offset:5px}.world{width:2400px;height:1800px}.board-title{gap:4px}.floating-tools button[data-action^=rotate]{touch-action:none;user-select:none}

.audio-channel{display:flex;gap:4px;align-items:center}.board-title{flex-wrap:wrap}.board-title h2{flex:1;min-width:100px}.tree-name{min-height:44px}.floating-tools button{width:44px}.board-zone{min-height:0}@media(max-width:760px){.board-title h2{flex-basis:100%;font-size:.95rem}.board-title{justify-content:center}.board-zone{height:58dvh;min-height:390px}}

.final-focus{outline:3px solid #92552f!important;outline-offset:2px;z-index:24;box-shadow:0 0 0 6px #f5d79088}.final-trace{pointer-events:none;opacity:.95}.final-detail{display:flex;gap:.7rem;flex-wrap:wrap}.final-detail span{display:flex;align-items:center;gap:.25rem}.world{transition:transform .35s ease-out}.viewport:active .world{transition:none}.draft-card{transition:none}

body[data-screen=home] #header{background:#f5ecd7f5}@media(max-width:760px){.side-left .side-bottom{flex-wrap:wrap;max-width:100%;min-width:0}.audio-inline{row-gap:0}.audio-channel button{font-size:.75rem}.board-title .icon{width:44px}}

.saved-tree{display:block;max-width:100%;max-height:65dvh;margin:0 auto 1rem;object-fit:contain}.download-picture{display:inline-flex;align-items:center;min-height:44px;padding:.6rem 1rem;background:#315b43;color:#fff8e8;border-radius:5px;text-decoration:none}

@media(max-width:760px){#header{display:grid;grid-template-columns:60px repeat(4,auto);gap:3px;padding:5px 7px}.header-tools{display:contents;max-width:none}#header .audio-inline{grid-row:2;grid-column:1/-1;flex-wrap:nowrap;justify-content:space-between;gap:3px}.audio-channel{min-width:0;gap:3px}.audio-inline button{min-width:0;white-space:nowrap}.audio-inline input{width:52px}.audio-inline output{min-width:25px}.header-tools>button{padding:.35rem}.header-tools>button.language{width:44px}.home{padding-top:110px}}

body[data-screen=playing][data-phase=finished] .play{height:auto}body[data-phase=finished] .board-zone{height:auto;min-height:700px}body[data-phase=finished] .viewport{min-height:420px}@media(max-width:760px){body[data-phase=finished] .board-zone{height:auto;min-height:0}body[data-phase=finished] .viewport{flex:none;height:48dvh;min-height:280px}}