@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800&display=swap";:root,.theme-earth{--bg-page:#f4efeb;--bg-board:#ede7e1;--bg-card:#fff;--color-brown:#bf7540;--color-brown-dk:#8b4e20;--color-text:#3d2b1f;--color-muted:#8c7b70;--color-green:#3d7a5a;--color-blue:#1d4ed8;--color-border:#bf75402e;--tile-bg:#fff;--tile-divider:#e0d5cb;--tile-shadow:0 4px 16px #3f28141f, 0 1px 4px #3f281414;--tile-hover-shadow:0 10px 28px #3f281433, 0 2px 8px #3f28141f;--accent-color:#bf7540;--accent-hover:#a35e2a;--palette-bg:#ffffffd9;--palette-border:#bf754033;--expr-color:#1a3faa;--result-color:#2d6048;--grid-color:#a064281f;--glow-inner:#3d7a5a4d;--glow-outer:#3d7a5a80;--glow-accent:#bf754033}.theme-forest{--bg-page:#ebf4ef;--bg-board:#e1ede6;--bg-card:#fff;--color-brown:#40bf80;--color-brown-dk:#208b5b;--color-text:#1f3d2f;--color-muted:#708c7d;--color-green:#286645;--color-blue:#1a65aa;--color-border:#40bf802e;--tile-bg:#fff;--tile-divider:#cbe0d5;--tile-shadow:0 4px 16px #143f2f1f, 0 1px 4px #143f2f14;--tile-hover-shadow:0 10px 28px #143f2f33, 0 2px 8px #143f2f1f;--accent-color:#40bf80;--accent-hover:#2aa36b;--palette-bg:#ffffffd9;--palette-border:#40bf8033;--expr-color:#1a65aa;--result-color:#286645;--grid-color:#28a06a1f;--glow-inner:#3d7a5a4d;--glow-outer:#3d7a5a80;--glow-accent:#40bf8033}.theme-ocean{--bg-page:#ebf0f4;--bg-board:#e1e7ed;--bg-card:#fff;--color-brown:#407dbf;--color-brown-dk:#20538b;--color-text:#1f2f3d;--color-muted:#707f8c;--color-green:#2d4c60;--color-blue:#1a3faa;--color-border:#407dbf2e;--tile-bg:#fff;--tile-divider:#cbd1e0;--tile-shadow:0 4px 16px #14293f1f, 0 1px 4px #14293f14;--tile-hover-shadow:0 10px 28px #14293f33, 0 2px 8px #14293f1f;--accent-color:#407dbf;--accent-hover:#2a62a3;--palette-bg:#ffffffd9;--palette-border:#407dbf33;--expr-color:#1a3faa;--result-color:#2d4c60;--grid-color:#2860a01f;--glow-inner:#3d637a4d;--glow-outer:#3d637a80;--glow-accent:#407dbf33}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-page);color:var(--color-text);-webkit-user-select:none;user-select:none;min-height:100vh;font-family:Outfit,sans-serif;overflow:hidden}#root{flex-direction:column;width:100vw;height:100vh;display:flex}.glass{background:var(--palette-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--palette-border)}::-webkit-scrollbar{height:8px}::-webkit-scrollbar-track{background:#bf754014;border-radius:4px}::-webkit-scrollbar-thumb{background:#bf75404d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#bf754080}.app-container{width:calc(100vw / var(--app-scale,1));height:calc(100vh / var(--app-scale,1));transform:scale(var(--app-scale,1));transform-origin:0 0;background:var(--bg-page);touch-action:none;flex-direction:column;display:flex;position:absolute;top:0;left:0;overflow:hidden}.header{z-index:10;border-bottom:1px solid var(--color-border);background:#fff;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;box-shadow:0 2px 8px #3f28140f}.logo-area{align-items:center;gap:.85rem;display:flex}.logo-domino{background:var(--color-brown);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:0;width:44px;height:22px;display:flex;position:relative;box-shadow:0 2px 6px #64320a4d}.logo-domino:after{content:"";background:#ffffff80;width:1.5px;height:60%;position:absolute;top:20%;left:50%;transform:translate(-50%)}.logo-pip{flex:1;justify-content:center;align-items:center;display:flex}.logo-pip span{background:#fff;border-radius:50%;width:5px;height:5px;display:block}.title-wrapper-vertical{flex-direction:column;gap:.2rem;display:flex}.title{color:var(--color-text);margin:0;font-size:1.5rem;font-weight:800;line-height:1.1}.title span{color:var(--color-brown)}.ad-link{color:var(--color-muted);white-space:normal;opacity:.9;margin-left:0;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.ad-link:hover{color:var(--color-brown);opacity:1;text-shadow:0 0 1px #bf754033}.header-actions{align-items:center;gap:.75rem;display:flex}.mode-selector{background:var(--bg-board);border:1px solid var(--color-border);border-radius:10px;margin-right:1rem;padding:.25rem;display:flex}.mode-btn{color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.35rem .75rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .15s}.mode-btn:hover{color:var(--color-text)}.mode-btn.active{background:var(--color-brown);color:#fff;box-shadow:0 2px 4px #bf754033}.theme-selector{align-items:center;gap:.5rem;margin-right:1.5rem;display:flex}.theme-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;padding:0;transition:all .2s;position:relative}.theme-btn:after{content:"";border:2px solid var(--color-brown);opacity:0;border-radius:50%;transition:all .2s;position:absolute;inset:-4px;transform:scale(.8)}.theme-btn.active:after{opacity:1;transform:scale(1)}.theme-btn.earth{background:#bf7540}.theme-btn.forest{background:#40bf80}.theme-btn.ocean{background:#407dbf}.header-btn{border:1.5px solid var(--color-border);background:var(--bg-page);color:var(--color-text);cursor:pointer;border-radius:10px;padding:.55rem 1.25rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;transition:all .18s}.header-btn:hover{background:var(--color-brown);color:#fff;border-color:var(--color-brown);transform:translateY(-1px);box-shadow:0 4px 12px #bf75404d}.header-btn.primary{background:var(--color-brown);color:#fff;border-color:var(--color-brown)}.header-btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.score-control{background:var(--bg-board);border:1px solid var(--color-border);border-radius:10px;align-items:center;gap:.5rem;margin-right:.5rem;padding:.25rem .5rem .25rem .75rem;display:flex}.score-toggle{cursor:pointer;color:var(--color-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;display:flex}.score-toggle:hover{color:var(--color-text)}.score-toggle input{accent-color:var(--color-brown);cursor:pointer;width:16px;height:16px}.score-display{color:var(--color-brown);text-align:center;background:#bf754026;border-radius:6px;min-width:3rem;padding:.1rem .6rem;font-size:1.1rem;font-weight:800}.score-popup-header{color:#40bf80;text-shadow:0 2px 8px #40bf8066,0 0 2px #fff;pointer-events:none;z-index:300;font-size:1.4rem;font-weight:800;animation:2.5s cubic-bezier(.175,.885,.32,1.275) forwards dropDownFade;position:absolute;top:100%;left:50%}@keyframes dropDownFade{0%{opacity:0;transform:translate(-50%,-5px)scale(.5)}15%{opacity:1;transform:translate(-50%,5px)scale(1.1)}to{opacity:0;transform:translate(-50%,35px)scale(.9)}}.board-area{background-color:var(--bg-board);background-image:radial-gradient(var(--grid-color) 1.5px, transparent 1.5px);touch-action:none;background-position:50%;flex:1;position:relative;overflow:hidden}.tile-wrapper{touch-action:none;position:relative}.tile{background:var(--tile-bg);width:224px;height:112px;box-shadow:var(--tile-shadow);cursor:grab;pointer-events:auto;border-radius:14px;align-items:stretch;transition:box-shadow .18s,transform .18s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:visible}.tile.on-board{position:absolute;overflow:visible;box-shadow:none!important}.tile:active{cursor:grabbing}.tile.is-dragging{cursor:grabbing;box-shadow:var(--tile-hover-shadow);z-index:50;transform:scale(1.05)}.tile-body{border-radius:14px;align-items:stretch;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1.5px #3f281414}.tile-part{flex:1;justify-content:center;align-items:center;height:100%;font-weight:800;display:flex;position:relative}.tile-part.right{border-left:2px solid var(--tile-divider)}.tile-half-expr{background:#1a3faa12}.expr-text{color:var(--expr-color);letter-spacing:-1px;white-space:nowrap;font-size:2.4rem;font-weight:800}.tile-half-result{background:#2d604812}.result-text{color:var(--result-color);letter-spacing:-1px;font-size:3rem;font-weight:800}.rotate-btn{background:var(--color-brown);color:#fff;cursor:pointer;opacity:0;z-index:200;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:opacity .18s,transform .18s;display:flex;position:absolute;top:-16px;right:-16px;transform:scale(.7);box-shadow:0 4px 12px #3f28144d}.tile-wrapper:hover .rotate-btn,.tile.on-board:hover .rotate-btn{opacity:1;transform:scale(1)}.rotate-btn:hover{background:var(--accent-hover);transform:scale(1.12)rotate(90deg)}@keyframes glowPulse{0%{box-shadow:var(--tile-shadow)}40%{box-shadow:0 0 0 4px var(--glow-inner), 0 0 40px 12px var(--glow-outer), 0 0 0 6px var(--glow-accent)}to{box-shadow:var(--tile-shadow)}}@keyframes bodyPop{0%{transform:scale(1)}40%{transform:scale(1.05)}to{transform:scale(1)}}.tile.glow-success{animation:.7s cubic-bezier(.175,.885,.32,1.275) forwards glowPulse;z-index:100!important}.tile.glow-success .tile-body{animation:.7s cubic-bezier(.175,.885,.32,1.275) forwards bodyPop}.palette-container{z-index:20;width:100%;padding:1.25rem 1.5rem 1.75rem;position:absolute;bottom:0;left:0;overflow:visible}.palette-glass{border-radius:20px;grid-template-columns:repeat(5,auto);justify-content:center;align-items:center;gap:.75rem 1rem;max-width:fit-content;margin:0 auto;padding:1rem 1.5rem;display:grid;overflow:visible;box-shadow:0 -4px 24px #3f28141a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}