:root{--bg:#f8f4eb;--ink:#303330;--accent:#db6548;--on-accent:#fff9f0;--muted:#929183;--line:#dcd6c7;--surface:#eee9dc}.brand{font-size:32px;font-weight:600;letter-spacing:-1.7px}.brand-dot{color:var(--accent);margin-left:-9px}.compound-mark{position:relative;display:block;width:34px;height:29px;margin-right:2px}.compound-mark i{position:absolute;left:0;top:0;display:block;width:23px;height:23px;background:#d6aa4d;border-radius:3px;transform:rotate(-8deg)}.compound-mark i:last-child{left:12px;top:7px;background:#db6548;transform:rotate(8deg);mix-blend-mode:multiply}main{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(370px,1fr);align-items:center;min-height:calc(100dvh - 164px)}.board-area{margin:36px 3% 40px 7%;min-width:0}.board-top,.board-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:8px;letter-spacing:1.3px;color:#8e9282}.board-top{padding-bottom:19px}.board-top>span:first-child{color:#697966;font-weight:700}.board-bottom{padding-top:18px;letter-spacing:0;font-size:10px;line-height:1.7}.closed-badge{font-size:8px;letter-spacing:.6px;white-space:nowrap}.closed-badge b{color:#da684a;margin-left:5px}#tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.tile{border:1px solid #e0d9cc;padding:7px 7px 0;background:#fffdf7;box-shadow:0 3px 0 #e9e1d2;border-radius:7px;min-width:0;position:relative;text-align:center;transition:transform .16s,box-shadow .16s,opacity .16s;overflow:hidden}.tile:hover:enabled{transform:translateY(-4px) rotate(-1deg);box-shadow:0 7px 0 #e9e1d2}.tile:active:enabled{transform:translateY(0)}.tile img{width:100%;aspect-ratio:1.15;object-fit:cover;display:block;border-radius:3px;background:#e6e5dc;filter:saturate(.8);pointer-events:none}.tile strong{display:block;font:600 12px 'Space Grotesk',sans-serif;letter-spacing:1.4px;padding:12px 0 11px;color:#465046}.tile:disabled{opacity:1;cursor:default}.tile.used{background:#e8e4d8;border-color:#d8d0be;box-shadow:0 2px 0 #e0d8c7}.tile.used img{opacity:.24;filter:grayscale(1)}.tile.used strong{color:#ada593}.tile .used-number{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);background:#db6548;color:#fff9ee;width:31px;height:31px;border-radius:50%;font:600 15px/31px 'Space Grotesk',sans-serif;box-shadow:0 0 0 5px #faf6e6a3}.tile.rejected{animation:shake .25s}.tile .example-badge{position:absolute;top:12px;left:12px;background:#e2b954;color:#665020;border-radius:4px;padding:4px 7px;font-size:10px;font-weight:700}.tile.finished-unused{opacity:.35}#panel{max-width:510px;padding:42px 10% 42px 6%}.play h1,.finished h1{font-size:41px;letter-spacing:-1.9px;margin:21px 0 17px}.mini-example{display:flex;align-items:center;gap:6px;margin:27px 0;font:500 12px 'Space Grotesk',sans-serif}.mini-example span{background:#ece3cf;padding:9px 11px;border-radius:4px}.mini-example i{font-style:normal;color:#b9ad98}.example-caption{font-size:11px;color:#a1917f;margin-top:-16px;margin-bottom:27px}.word-counter{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:12px}.word-counter strong{font:500 37px 'Space Grotesk',sans-serif;letter-spacing:-1.5px;color:#db6548}.word-counter strong small{font:400 14px 'DM Sans',sans-serif;letter-spacing:0;color:#a29b8a}.word-counter>span{font-size:9px;letter-spacing:.8px;color:#9f9582}.progress-blocks{display:flex;gap:4px;margin:9px 0 18px}.progress-blocks i{height:5px;flex:1;border-radius:2px;background:#e0d7c7}.progress-blocks i.filled{background:#d96a4e}.chain-box{border:1px dashed #c8bca8;border-radius:9px;background:#f4eedf;padding:16px;min-height:113px;margin:18px 0 12px}.chain-box.drag-over{background:#efe1c4;border-color:#d9944c}.chain-placeholder{font-size:12px;line-height:1.8;color:#aa9b87;margin:9px 0}.chain-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.chain-word{border:1px solid #d7ccb5;border-radius:4px;background:#fffaf0;padding:8px 9px;font:600 10px 'Space Grotesk',sans-serif;letter-spacing:.7px;color:#5b6655}.chain-word:hover{background:#efd8c6}.chain-row .arrow{color:#d58a6a;font-size:12px}.chain-tip{font-size:9px;color:#b09b86;margin:12px 0 0;line-height:1.6}.chain-tools{display:flex;gap:8px;margin-bottom:16px}.chain-tools button{flex:1;border:1px solid #ddd1bb;background:none;border-radius:5px;padding:9px;font-size:11px;color:#94836c}.latest-word{min-height:65px;font-size:12px;color:#818776;line-height:1.6;margin:18px 0}.latest-word strong{color:#ca664b;font-weight:600}.latest-word small{display:block;margin-top:4px;color:#a19885;font-size:11px}.lock-note{font-size:10px;line-height:1.7;color:#ad9d89;margin:14px 0}.finished .result-total{font-size:69px;margin-top:4px}.finished .out-of{margin-bottom:20px}.chain-summary{font-size:12px;line-height:1.9;color:#777f6d;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:21px 0}.chain-summary strong{color:#475a48}.solution-label{font-size:8px;color:#a39883;letter-spacing:1px;margin-bottom:9px}.solution-box{background:#ebe8d7;border-radius:7px;padding:14px;margin:17px 0}.solution-box .chain-word{background:#f5f1df;border-color:#d4d5b9;color:#637350}.word-list{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.word-list button{border:1px solid #d8d2bd;background:none;padding:5px 8px;border-radius:4px;font-size:11px;color:#78816d}footer nav a:nth-child(2){color:#cd644a;font-weight:700}.credit-row{border-top:1px solid var(--line);padding:13px 0;font-size:11px;line-height:1.8;overflow-wrap:anywhere}.credit-row strong{font-size:12px}.credits-description{font-size:10px;color:var(--muted)}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media(max-width:1100px){main{grid-template-columns:minmax(0,1.25fr) minmax(330px,1fr)}#tiles{gap:9px}.tile{padding:5px 5px 0}.tile strong{font-size:10px;padding:9px 0;letter-spacing:1px}.board-top{font-size:7px;letter-spacing:.5px}.board-bottom{font-size:8px}.closed-badge{font-size:6px}#panel{padding-right:7%}}@media(max-width:800px){main{grid-template-columns:minmax(0,1fr) minmax(320px,1fr)}#tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){main{display:flex;flex-direction:column;min-height:0}.board-area{width:90%;max-width:540px;margin:25px 5% 0}#tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.board-top{font-size:7px;padding-bottom:13px}.tile img{aspect-ratio:1.2}.tile strong{font-size:9px;padding:9px 0;letter-spacing:.7px}.tile .used-number{width:25px;height:25px;font-size:12px;line-height:25px}.board-bottom{font-size:8px;padding-top:13px}.closed-badge{font-size:6px}#panel{width:100%;max-width:480px;padding:28px 7% 34px}.play h1,.finished h1{font-size:35px}.word-counter{margin-top:17px}.word-counter strong{font-size:32px}.chain-box{margin-top:16px}.latest-word{margin:15px 0;min-height:48px}.board-top>span:last-child{font-size:6px}.mini-example{margin:23px 0}.tile{border-radius:5px}.tile .example-badge{top:8px;left:8px;font-size:8px;padding:3px 5px}}
#mobile-tools{display:none}@media(max-width:700px){body.playing{padding-bottom:83px}body.playing #mobile-tools{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;gap:9px;background:#f8f4ebf5;backdrop-filter:blur(8px);border-top:1px solid #d7c7b1;padding:13px 5%;padding-bottom:max(13px,env(safe-area-inset-bottom));z-index:5;box-shadow:0 -5px 25px #6d482515}#mobile-tools>div{flex:1}#mobile-tools small{font-size:6px;letter-spacing:1px;color:#9c8e78;display:block;margin-bottom:4px}#mobile-tools strong{font:600 13px 'Space Grotesk',sans-serif;letter-spacing:.7px;color:#c76447}#mobile-tools button{border:1px solid #dfceaf;background:#f1e8d4;border-radius:5px;padding:11px 10px;font-size:10px;color:#8d7554}body.playing #toast{bottom:96px}}