:root{font-family:DM Sans,Noto Sans SC,system-ui,sans-serif;color:#34483d;background:#f8f2e6;--cream:#f8f2e6;--paper:#fff9eb;--ink:#34483d;--sage:#789778;--sage-deep:#517357;--red:#c85f5a;--brown:#ba8b5d}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #e9a85e;outline-offset:3px}.game{position:relative;width:100%;height:100%;min-height:450px;display:flex;flex-direction:column;align-items:center;overflow:hidden;background:radial-gradient(circle at 15% 11%,#fff9e9 0,transparent 28%),radial-gradient(circle at 90% 90%,#f0e7d5 0,transparent 34%),var(--cream);padding:max(12px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.ambient{position:absolute;pointer-events:none;border:1px solid #d9d3b94f;border-radius:50%}.ambient-one{width:350px;height:350px;left:-190px;top:24%}.ambient-two{width:460px;height:460px;right:-250px;bottom:-150px}.header,.play-area,.bottom{position:relative;width:min(100%,650px);z-index:1}.header{flex:0 0 auto;height:70px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:9px;align-items:center}.brand-mark{width:50px;height:50px;background:#e2eacd;border:2px solid #b5c59e;border-radius:16px;transform:rotate(-7deg);display:grid;place-items:center;overflow:hidden}.brand-mark svg{width:47px;height:47px;transform:rotate(7deg) translateY(7px)}.eyebrow{display:block;font-size:9px;font-weight:800;letter-spacing:.19em;color:#9b9e80}.brand h1{margin:-3px 0 0;font-size:24px;letter-spacing:-.07em;font-weight:900;white-space:nowrap}.spark{color:#da9a53;font-size:17px;margin-left:4px}.reset{border:1.5px solid #d7c6ae;background:#fff9ed;color:#8e765c;border-radius:30px;padding:8px 12px;font-size:14px;font-weight:700;box-shadow:0 3px #e4d9c8}.reset:hover,.tool:hover:not(:disabled){transform:translateY(-2px)}.reset:active,.tool:active:not(:disabled){transform:translateY(2px);box-shadow:none}.play-area{flex:1;min-height:0;display:flex;flex-direction:column}.board-head{flex:0 0 auto;display:flex;justify-content:space-between;align-items:end;margin:5px 3px 9px}.level-label{display:flex;align-items:center;gap:9px}.level-dot{width:35px;height:35px;border-radius:50%;background:#e9d8ac;color:#a77946;display:grid;place-items:center;font-size:24px}.level-label small{display:block;color:#b18358;font-size:10px;letter-spacing:.13em;font-weight:900}.level-label strong{display:block;font-size:16px;line-height:1.2}.counter{display:flex;align-items:baseline;gap:5px;font-size:12px;font-weight:700;color:#7d8973}.counter strong{font-size:25px;color:var(--red);line-height:1}.progress{height:7px;flex:0 0 auto;border-radius:20px;background:#e5ddc9;overflow:hidden;margin:0 3px 11px}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#b8c792,#779b73);transition:width .3s}.table-wrap{flex:1;min-height:0;display:flex;align-items:stretch;justify-content:center}.table-edge{position:relative;width:100%;height:100%;border-radius:31px;background:linear-gradient(135deg,#9cb793,#739376);border:8px solid #ccae7b;box-shadow:0 5px #a88158,0 13px 22px #6c65452c,inset 0 0 0 3px #e3c696;overflow:hidden}.table-edge:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;pointer-events:none;border:1px dashed #d4e0c572;border-radius:20px}.table-texture{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 10%,#e4ead51b,transparent 40%),repeating-linear-gradient(120deg,transparent 0 42px,#ffffff0b 43px 44px);pointer-events:none}.goods-field{position:absolute;top:4%;right:5%;bottom:8%;left:5%;container-type:size;--tile-size:min(calc(100cqw / var(--cols) * .94),calc(100cqh / var(--rows) * .9),76px)}.tile{position:absolute;width:var(--tile-size);aspect-ratio:1;height:auto;padding:0;border:0;background:transparent;transform:translate(-50%,-50%);transition:filter .15s,scale .15s;touch-action:manipulation}.tile-inner{display:grid;place-items:center;width:100%;height:100%;border-radius:19%;background:linear-gradient(142deg,#fffcf2,#f1e5d0);border:2px solid #e9dbc3;box-shadow:0 3px #c6b499,0 7px 10px #33473440,inset 0 2px 2px #fff;transition:transform .15s,box-shadow .15s}.tile svg{width:85%;height:85%;filter:drop-shadow(0 2px 1px #755a3725)}.tile.free:hover .tile-inner{transform:translateY(-5px) rotate(-3deg);box-shadow:0 7px #c6b499,0 13px 16px #3347344f}.tile.free:active .tile-inner{transform:scale(.89)}.tile.blocked{filter:brightness(.79) saturate(.8);cursor:not-allowed}.table-seal{position:absolute;bottom:8px;left:0;right:0;text-align:center;color:#d6e3cd;font-size:9px;letter-spacing:.23em;font-weight:800;pointer-events:none}.table-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:1%;opacity:.22}.table-placeholder svg{width:17%;transform:rotate(-10deg)}.table-placeholder svg:nth-child(2n){transform:rotate(15deg)}.table-foot{display:flex;justify-content:space-between;gap:6px;padding:11px 5px 10px;color:#80907a;font-size:11px;font-weight:700;white-space:nowrap}.bottom{flex:0 0 auto;background:#fffaf0;border:2px solid #e6d7ba;border-radius:21px;padding:10px 14px 11px;box-shadow:0 5px #e0d0af,0 10px 20px #8a755524}.tray-label{display:flex;justify-content:space-between;align-items:baseline;font-weight:900;font-size:14px;margin-bottom:9px}.tiny-star{color:#d69d5e}.tray-label small{font-weight:500;font-size:10px;color:#9d9d88;margin-left:6px}.capacity{color:var(--red);font-size:13px}.tray{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;background:#e6d4af;padding:6px;border-radius:13px;box-shadow:inset 0 3px 6px #806e4c39}.slot{aspect-ratio:1;min-width:0;display:grid;place-items:center;background:#f3e7d0;border:1.5px solid #d9c49d;border-radius:10px;box-shadow:inset 0 2px 4px #b29e7940;color:#c6b394;font-size:13px;font-weight:700}.slot.filled{background:#fffbef;border-color:#dfc39a;box-shadow:0 2px #c5aa81}.slot svg{width:90%;height:90%}.slot.matching{animation:pop .38s ease-in forwards}@keyframes pop{40%{transform:scale(1.2);background:#fff2ba}to{transform:scale(.3);opacity:0}}.tools{display:flex;gap:8px;align-items:center;margin-top:11px}.tool{height:40px;border:1.5px solid #d8c7a9;background:#f7efdc;color:#5e705d;border-radius:11px;padding:0 10px;display:flex;align-items:center;gap:5px;font-size:12px;font-weight:800;box-shadow:0 3px #d5c2a1;transition:transform .15s}.tool:disabled{opacity:.45;cursor:not-allowed}.tool-icon{font-size:19px;line-height:1}.tool em{font-style:normal;background:#e3d2af;color:#74684d;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;font-size:11px}.score{margin-left:auto;text-align:right;line-height:1}.score small{display:block;font-size:9px;color:#aa9b80;font-weight:800}.score strong{display:block;margin-top:3px;color:#b67555;font-size:21px;letter-spacing:.05em}.toast{position:absolute;z-index:15;left:50%;top:22%;transform:translate(-50%,-10px);background:#3d5a48;color:#fff;border-radius:30px;padding:9px 18px;font-size:13px;font-weight:700;pointer-events:none;white-space:nowrap;opacity:0;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%)}.veil{position:absolute;z-index:10;top:0;right:0;bottom:0;left:0;background:#34483d80;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:min(100%,360px);text-align:center;background:#fff9ec;border:3px solid #e8d3ad;border-radius:30px;padding:23px 25px 26px;box-shadow:0 12px #baa177,0 24px 50px #203e305c;position:relative}.modal:before,.modal:after{content:"✳";position:absolute;color:#d7a358;font-size:23px;top:36px}.modal:before{left:29px}.modal:after{right:29px}.modal-stamp{font-size:11px;letter-spacing:.18em;color:#b7805b;font-weight:900}.modal-art{width:126px;height:116px;margin:4px auto 0;display:grid;place-items:center}.modal-art svg{width:100%;height:100%;filter:drop-shadow(0 5px 2px #a57f5433)}.modal h2{font-size:26px;letter-spacing:-.06em;margin:4px 0 8px}.modal p{font-size:13px;line-height:1.8;color:#7b8777;margin:0 auto 17px;max-width:270px}.mini-rule{display:flex;align-items:center;justify-content:center;gap:7px;margin:0 -12px 20px;font-size:11px;color:#a17d59}.mini-rule b{background:#f1e8d3;padding:6px 8px;border-radius:20px;white-space:nowrap}.main-button{background:var(--red);color:#fff;border:0;border-radius:14px;padding:12px 19px;width:100%;font-weight:900;font-size:16px;box-shadow:0 5px #9f4645;display:flex;justify-content:center;gap:12px;transition:transform .15s}.main-button:hover{transform:translateY(-2px)}.main-button:active{transform:translateY(4px);box-shadow:none}.main-button span{position:absolute;right:45px}@media(max-height:700px){.game{padding-top:6px;padding-bottom:6px}.header{height:55px}.brand-mark{width:39px;height:39px}.brand-mark svg{width:39px;height:39px}.brand h1{font-size:20px}.board-head{margin:2px 3px 6px}.progress{margin-bottom:7px}.table-foot{padding:6px 5px}.bottom{padding:7px 10px 9px}.tray-label{margin-bottom:5px}.tools{margin-top:7px}.tool{height:34px}.modal{padding-top:13px;padding-bottom:18px}.modal-art{height:85px;width:95px}.modal h2{font-size:23px}.modal p{margin-bottom:10px}.mini-rule{margin-bottom:13px}}@media(max-width:430px){.brand h1{font-size:21px}.eyebrow{font-size:8px}.table-edge{border-width:6px;border-radius:23px}.goods-field{top:6%;right:3%;bottom:9%;left:3%}.tile-inner{border-radius:16%}.table-foot{font-size:10px}.bottom{border-radius:17px;padding:9px 10px}.tool{padding:0 7px;gap:3px;font-size:11px}.tray-label small{font-size:9px}.score strong{font-size:18px}}@media(max-height:520px){.game{min-height:0}.header{height:42px}.brand-mark{width:32px;height:32px}.brand-mark svg{width:33px;height:33px}.brand h1{font-size:18px}.eyebrow,.level-dot{display:none}.level-label strong{font-size:13px}.counter strong{font-size:20px}.progress{height:5px;margin-bottom:4px}.table-foot{padding:3px}.bottom{padding:5px 9px}.tray-label{font-size:11px;margin-bottom:3px}.tray-label small{display:none}.tray{padding:3px}.tools{margin-top:5px}.tool{height:28px}.score strong{font-size:16px}}@media(min-width:780px){.game{padding-top:18px;padding-bottom:20px}.header{height:76px}.table-edge{border-width:10px}.bottom{padding:13px 18px 16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}