@font-face{font-family:LocalGeorgian;src:local('Noto Sans Georgian'),local('Sylfaen')}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#f1f1eb;color:#3d5144;font-family:LocalGeorgian,'Segoe UI',sans-serif}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s,opacity .15s}button:disabled{opacity:.28;cursor:default}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible{outline:2px solid #879d70;outline-offset:4px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6;flex-shrink:0}[data-icon]{display:inline-flex;align-items:center;justify-content:center}.stage{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden;touch-action:none;outline:none}.stage>canvas{position:absolute;inset:0;display:block;width:100%;height:100%;cursor:crosshair}.stage>canvas:active{cursor:grabbing}
.header{position:absolute;z-index:2;top:28px;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;gap:22px;pointer-events:none}.brand h1{font-size:21px;font-weight:600;letter-spacing:-.4px;margin:0 0 6px}.brand>span{font-size:10px;color:#929b88}.actions{display:flex;align-items:center;gap:3px;pointer-events:auto}.icon-button{width:37px;height:37px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;color:#7c8975}.icon-button:hover{background:#dfe4d47a}.icon-button[aria-pressed=true]{background:#dbe5ce;color:#4f7243}.separator{width:1px;height:24px;background:#d9decf;display:block;flex-shrink:0;margin:0 9px}
.bottom-controls{position:absolute;z-index:2;bottom:max(19px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);display:flex;flex-direction:column;align-items:center;gap:13px;pointer-events:none}.toolbox{display:flex;align-items:center;gap:10px;padding:10px;background:#fffef7ee;border:1px solid #e0e5d6;border-radius:15px;box-shadow:0 6px 24px #34472f08;pointer-events:auto}.pieces{display:flex;gap:4px}.piece-button{width:79px;height:64px;border:1px solid transparent;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;font-size:10px}.piece-button:hover{background:#edf0e4}.piece-button.selected{background:#edf2e3;border-color:#bdcda9}.mini-domino{width:17px;height:30px;display:block;background:linear-gradient(100deg,#fff9e5,#f0e9c9);border:1px solid #c9c5aa;border-radius:3px;position:relative;box-shadow:2px 2px 0 #d7d0b6}.mini-domino:after{content:'';position:absolute;top:14px;left:2px;right:2px;height:1px;background:#c3bda2}.mini-domino i{position:absolute;width:2.6px;height:2.6px;border-radius:50%;background:#51584a}.mini-domino i:nth-child(1){left:3px;top:3px}.mini-domino i:nth-child(2){right:3px;top:9px}.mini-domino i:nth-child(3){left:3px;top:18px}.mini-domino i:nth-child(4){left:6px;top:22px}.mini-domino i:nth-child(5){right:3px;top:25px}.mini-domino.edge{transform:rotate(90deg);margin:0 7px}.mini-domino.flat{transform:rotate(-65deg) skewX(17deg) scaleX(.8);box-shadow:-3px 2px 0 #d7d0b6}.rotate-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:63px;height:64px;border-radius:8px;font-size:10px}.rotate-button:hover{background:#edf0e4}.place-button{display:flex;align-items:center;justify-content:center;gap:8px;background:#3c644d;color:#fffeee;border-radius:10px;padding:17px 20px;font-size:12px}.place-button:hover{background:#2d533d}.place-button svg{width:17px}.control-hint{font-size:9px;color:#929b87;text-align:center;margin:0;line-height:1.5}.control-hint span{margin:0 8px}
#loading{position:absolute;inset:0;background:#f1f1eb;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:17px;gap:15px}#loading.hidden{display:none}#toast{position:absolute;bottom:160px;left:50%;transform:translateX(-50%) translateY(8px);max-width:min(90%,450px);width:max-content;border-radius:9px;background:#385641ed;color:#fffde9;font-size:11px;line-height:1.7;padding:11px 18px;opacity:0;pointer-events:none;z-index:4;transition:opacity .2s,transform .2s;text-align:center}#toast.visible{opacity:1;transform:translateX(-50%)}.simulation-banner{position:absolute;top:110px;left:50%;transform:translateX(-50%);z-index:3;display:flex;align-items:center;gap:16px;padding:11px 16px;background:#fffef6e6;border:1px solid #dfe4d2;border-radius:10px;white-space:nowrap;font-size:10px}.simulation-banner[hidden]{display:none}.simulation-banner>span{color:#929d7e}.simulation-banner>button{color:#507545;font-size:10px}
dialog{border:1px solid #dde3ce;border-radius:18px;background:#fffef7;color:#3d5144;padding:30px;max-width:420px;width:calc(100% - 30px);box-shadow:0 15px 100px #253e2b25}dialog::backdrop{background:#2d443840;backdrop-filter:blur(5px)}dialog h2{font-size:23px;font-weight:500;letter-spacing:-.5px;margin:8px 0 17px}dialog p{font-size:12px;line-height:1.9;color:#859174}.close-dialog{position:absolute;right:10px;top:10px}dl{margin:23px 0;display:flex;flex-direction:column;gap:12px}dl>div{display:flex;gap:19px;align-items:center}dt{width:108px;flex-shrink:0;font-size:10px;color:#59744c}dd{margin:0;font-size:11px;color:#859174}dialog .small-note{font-size:10px;border-top:1px solid #e5e8dc;padding-top:17px}.primary-button{background:#3c644d;color:#fffdef;border-radius:9px;padding:13px 18px;display:block;width:100%;font-size:12px;margin-top:15px}.secondary-button{font-size:11px;color:#84916f;padding:11px;border-radius:8px}.secondary-button:hover{background:#edf0e4}.dialog-actions{display:flex;align-items:center;gap:15px;margin-top:23px}.dialog-actions button{flex:1;margin:0}#camera-home{display:block;width:100%}
@media(max-width:600px){.header{top:20px;left:18px;right:15px;gap:8px}.brand h1{font-size:17px;white-space:nowrap}.brand>span{font-size:9px}.actions{gap:0}.actions .icon-button{width:29px;height:34px}.actions svg{width:17px;height:17px}.actions .separator{margin:0 4px;height:18px}.bottom-controls{bottom:max(15px,env(safe-area-inset-bottom));gap:11px}.toolbox{padding:8px;gap:5px;border-radius:12px}.piece-button{width:56px;height:61px;font-size:8px;gap:10px}.pieces{gap:3px}.toolbox>.separator{margin:0 3px}.rotate-button{width:43px;font-size:9px;height:61px}.rotate-button svg{width:19px}.place-button{font-size:10px;gap:4px;padding:15px 12px;min-height:49px}.place-button svg{width:14px}.control-hint{font-size:8px}.control-hint span{margin:0 5px}.simulation-banner{top:90px;gap:10px;font-size:9px;padding:10px 12px}.simulation-banner>button{font-size:9px}#toast{bottom:140px;font-size:10px}dialog{padding:25px}}@media(max-width:360px){.header{left:13px;right:10px}.brand h1{font-size:15px}.actions .icon-button{width:27px}.actions .separator{margin:0 2px}.piece-button{width:48px}.rotate-button{width:38px}.place-button{padding:14px 9px}.toolbox{gap:3px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.feature-tools{position:absolute;right:28px;top:105px;z-index:4;display:flex;flex-direction:column;align-items:center;gap:5px;padding:7px;background:#fffef5c9;border:1px solid #e1e5d6;border-radius:13px;backdrop-filter:blur(8px)}.feature-tools .icon-button{width:35px;height:35px}.tool-divider{height:1px;width:22px;background:#dce2d2;margin:4px 0}.tool-panel{position:absolute;right:91px;top:105px;z-index:5;width:275px;max-height:calc(100dvh - 155px);overflow:auto;background:#fffef8f7;border:1px solid #dfe4d3;border-radius:15px;box-shadow:0 8px 35px #32442e10;padding:20px;touch-action:auto}.tool-panel[hidden]{display:none}.tool-panel h2{font-size:17px;font-weight:500;margin:0 0 22px}.panel-close{position:absolute;top:7px;right:7px}.panel-close svg{width:16px;height:16px}.panel-label{display:block;font-size:11px;margin:15px 0 12px;color:#7e8e71}.swatches{display:flex;gap:7px;flex-wrap:wrap}.swatch{width:27px;height:27px;border-radius:50%;background:var(--swatch);border:2px solid #ffffff;box-shadow:0 0 0 1px #d4dbc8}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px #70885c}.custom-color{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#8e997f;margin-top:15px}.custom-color input{width:34px;height:27px;padding:0;border:1px solid #d9dfce;border-radius:6px;background:none;cursor:pointer}.panel-secondary{width:100%;padding:10px;margin-top:13px;border-radius:8px;background:#edf2e3;font-size:11px;color:#6c8257}.tool-panel hr{border:0;height:1px;background:#e4e8d9;margin:20px 0}.range-heading{font-size:11px;display:flex;justify-content:space-between;align-items:center;color:#879477;margin:5px 0 17px}.range-heading output{font-size:14px;color:#547043}.tool-panel input[type=range]{width:100%;accent-color:#708b59;cursor:pointer;touch-action:pan-y}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:#a1ac91;margin-top:7px}.strength-presets,.wind-directions{display:flex;gap:7px;margin-top:17px}.strength-presets button,.wind-directions button{flex:1;background:#eff2e6;border-radius:7px;padding:9px;font-size:12px;color:#7d8e67}.strength-presets button[aria-pressed=true],.wind-directions button[aria-pressed=true]{background:#dce8c9;color:#4f733b}.tool-panel .primary-button{margin-top:22px}.poke-mode>canvas{cursor:pointer}.mini-domino{background:var(--domino-color,#f5edcb)}.mini-domino i{background:var(--pip-color,#51584a)}@media(max-width:600px){.feature-tools{right:13px;top:94px;padding:5px;gap:4px;border-radius:11px}.feature-tools .icon-button{width:31px;height:34px}.feature-tools svg{width:18px;height:18px}.tool-panel{right:62px;top:94px;width:min(275px,calc(100vw - 77px));max-height:calc(100dvh - 125px);padding:18px}.swatch{width:25px;height:25px}.swatches{gap:7px}.simulation-banner{top:90px;left:17px;right:64px;transform:none;flex-wrap:wrap;justify-content:center;gap:7px;white-space:normal;text-align:center;font-size:9px;padding:10px}.control-hint{max-width:calc(100vw - 28px);font-size:8px}.range-heading output{font-size:13px}}

.track-title{font-size:12px;color:#829174;line-height:1.6;margin:0 0 12px}.audio-volume{margin-top:22px}#music-panel .panel-secondary{margin-top:0}#music-tool.is-playing{color:#4f7243;background:#dbe5ce}
.brand-meta{display:flex;align-items:center;gap:10px;min-height:24px;color:#929b88;font-size:10px}.language-switch{display:inline-flex;gap:2px;padding:2px;border:1px solid #dce2d1;border-radius:7px;pointer-events:auto;background:#fffef570}.language-switch button{min-width:27px;height:23px;padding:0 5px;border-radius:4px;font:600 9px 'Segoe UI',sans-serif;letter-spacing:.3px;color:#7b8870}.language-switch button[aria-pressed=true]{color:#426341;background:#dce8ce}.language-switch button:hover{background:#e6ebdb}.creator-credit{display:flex;align-items:center;justify-content:center;gap:9px;max-width:100%;font-size:9px;line-height:1.3;color:#738067;pointer-events:auto}.creator-credit a{color:inherit;text-decoration:none;border-radius:4px}.creator-credit a:hover{color:#3c644d;text-decoration:underline}.creator-credit a:focus-visible{outline:2px solid #879d70;outline-offset:4px}.creator-brand{display:flex;align-items:center;gap:8px}.creator-brand img{display:block;width:88px;height:auto;flex-shrink:0}.credit-divider{color:#a7b09b}.bottom-controls{gap:10px}#toast{bottom:180px}
@media(max-width:600px){.brand-meta{gap:7px;font-size:9px}.language-switch button{height:21px;min-width:24px;font-size:8px}.creator-credit{gap:6px;font-size:8px}.creator-brand{gap:5px}.creator-brand img{width:72px}.bottom-controls{gap:9px}#toast{bottom:165px}}
@media(max-width:360px){.header{flex-wrap:wrap}.brand-meta{font-size:8px}.creator-credit{gap:5px;font-size:7px}.creator-brand img{width:65px}.creator-brand{gap:4px}}
.creator-credit.is-dark{color:#e9eddf}.creator-credit.is-dark .credit-divider{color:#c8d1bd}.creator-credit.is-dark a:hover{color:#a8ff00}
.editing-banner{border-color:#bbcca8}.editing-banner>span{color:#617e50}.editing-banner>button{padding:3px 7px;border-radius:5px;background:#e7eddd}
.brand-intro{position:fixed;inset:0;z-index:20;background:#050605;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .45s ease;touch-action:manipulation}.brand-intro.is-leaving{opacity:0;pointer-events:none}.intro-logo{display:block;width:min(80vw,560px);padding:12px 0}.intro-lockup{position:relative;display:block;width:100%;aspect-ratio:1665/430}.intro-mark{position:absolute;left:0;top:0;width:25.8%;height:100%;overflow:visible;animation:mark-position 3.5s cubic-bezier(.3,0,.2,1) both}.intro-fill{opacity:0;animation:mark-fill .55s 1.3s ease forwards}.intro-contour{stroke-dasharray:1;stroke-dashoffset:1;animation:mark-draw 1.5s .12s ease-in-out forwards,contour-fade .3s 1.65s forwards}.intro-wordmark{position:absolute;right:0;top:50%;display:block;width:67.2%;height:auto;opacity:0;animation:wordmark-reveal .65s 2.2s ease forwards}.intro-skip{position:absolute;right:max(28px,env(safe-area-inset-right));top:max(25px,env(safe-area-inset-top));padding:10px 13px;border:1px solid #30382c;border-radius:8px;color:#a6b09d;font-size:10px;opacity:0;animation:intro-skip-in .5s 1.1s forwards}.intro-skip:hover{background:#182013;color:#dbe4d2}@keyframes mark-draw{to{stroke-dashoffset:0}}@keyframes mark-fill{to{opacity:1}}@keyframes contour-fade{to{opacity:0}}@keyframes mark-position{0%,50%{transform:translateX(144%)}72%,100%{transform:translateX(0)}}@keyframes wordmark-reveal{from{opacity:0;transform:translate(18px,-50%)}to{opacity:1;transform:translate(0,-50%)}}@keyframes intro-skip-in{to{opacity:1}}@media(prefers-reduced-motion:reduce){.intro-mark{animation:none}.intro-contour{animation:none;display:none}.intro-fill,.intro-wordmark,.intro-skip{animation:none;opacity:1}.intro-wordmark{transform:translateY(-50%)}}
.brand .game-heading{display:flex;align-items:center;gap:11px;height:50px;margin:0 0 6px;line-height:1}.game-mark{display:block;width:38px;height:auto}.game-wordmark{display:block;width:118px;height:auto}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.brand.is-dark .game-heading{background:#fffef7;box-shadow:0 0 0 6px #fffef7;border-radius:3px}.brand.is-dark #piece-count{color:#e9eddf}@media(max-width:600px){.brand .game-heading{height:34px;gap:8px}.game-mark{width:29px}.game-wordmark{width:88px}}@media(max-width:360px){.brand .game-heading{height:31px;gap:7px}.game-mark{width:25px}.game-wordmark{width:80px}}
.brand.is-dark .game-heading{background:none;box-shadow:none}.brand.is-dark .game-wordmark{filter:brightness(0) invert(1)}.intro-game-brand{position:absolute;left:50%;top:calc(50% + clamp(60px,16vw,110px));transform:translateX(-50%);width:132px;opacity:0;animation:intro-game-reveal .65s 2.65s ease forwards}.intro-game-wordmark{display:block;width:100%;height:auto;filter:brightness(0) invert(1);opacity:.85}@keyframes intro-game-reveal{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}@media(max-width:600px){.brand .game-heading{height:37px;margin-bottom:4px}.game-wordmark{width:90px}.intro-game-brand{width:108px}}@media(max-width:360px){.brand .game-heading{height:35px}.game-wordmark{width:84px}}@media(prefers-reduced-motion:reduce){.intro-game-brand{animation:none;opacity:1}}
.intro-game-brand{width:190px;opacity:1;animation:none;perspective:650px;transform-style:preserve-3d}.intro-game-wordmark{opacity:0}.domino-letter{position:absolute;top:0;overflow:hidden;opacity:0;transform-origin:8% 100%;transform-style:preserve-3d;animation:domino-letter-fall .8s calc(2.55s + var(--tile-index)*.105s) cubic-bezier(.25,.6,.3,1) both}.domino-letter img{position:absolute;top:0;display:block;max-width:none;height:auto;filter:brightness(0) invert(1)}.domino-letter:before{content:'';position:absolute;inset:0;background:#b9c5a72b;border:1px solid #dce5ce70;border-radius:3px;animation:domino-tile-face .8s calc(2.55s + var(--tile-index)*.105s) both}.domino-house-line{position:absolute;inset:0;opacity:0;animation:domino-subtitle .45s 4.05s ease forwards}.domino-house-line img{display:block;width:100%;height:auto;filter:brightness(0) invert(1)}@keyframes domino-letter-fall{0%{opacity:0;transform:translateY(-12px) rotateY(-78deg) rotateZ(-25deg)}18%{opacity:1;transform:translateY(-8px) rotateY(-64deg) rotateZ(-18deg)}58%{opacity:1;transform:translateY(2px) rotateY(10deg) rotateZ(10deg)}80%{opacity:1;transform:translateY(-1px) rotateY(-4deg) rotateZ(-4deg)}100%{opacity:1;transform:none}}@keyframes domino-tile-face{0%,45%{opacity:.8}100%{opacity:0}}@keyframes domino-subtitle{from{opacity:0;transform:translateY(5px)}to{opacity:.9;transform:none}}@media(max-width:600px){.intro-game-brand{width:150px}}@media(prefers-reduced-motion:reduce){.domino-letter,.domino-house-line{animation:none;opacity:1;transform:none}.domino-letter:before{display:none}}
.intro-game-brand{top:auto;bottom:clamp(48px,10dvh,110px);width:min(64vw,290px)}@media(max-height:500px){.intro-logo{width:min(65vw,420px);transform:translateY(-35px)}.intro-game-brand{width:min(44vw,210px);bottom:22px}}
.intro-logo{width:min(76vw,420px)}.intro-lockup{aspect-ratio:1.9}.intro-mark{left:50%;top:0;width:30%;height:auto;aspect-ratio:1;animation:none;transform:translateX(-50%)}.intro-wordmark{top:auto;bottom:0;right:0;width:100%;animation:darvimo-wordmark-below .65s 2.2s ease forwards}@keyframes darvimo-wordmark-below{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-height:500px){.intro-logo{width:min(54vw,320px)}}@media(prefers-reduced-motion:reduce){.intro-wordmark{animation:none;opacity:1;transform:none}}
:root{--glass-top:rgba(250,255,242,.24);--glass-bottom:rgba(235,247,220,.10);--glass-edge:rgba(255,255,247,.55);--glass-shadow:rgba(31,54,27,.09)}
.toolbox,.feature-tools,.tool-panel,.language-switch,.simulation-banner,dialog{background:linear-gradient(145deg,var(--glass-top),var(--glass-bottom));border-color:var(--glass-edge);box-shadow:0 8px 28px var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(255,255,255,.10);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%)}
.tool-panel,dialog{--glass-top:rgba(250,255,242,.45);--glass-bottom:rgba(235,247,220,.30)}.language-switch{backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%)}
.piece-button.selected{background:rgba(214,233,189,.32);border-color:rgba(128,159,103,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}.piece-button:hover,.rotate-button:hover,.icon-button:hover,.secondary-button:hover{background:rgba(223,241,202,.25)}.icon-button[aria-pressed=true],#music-tool.is-playing{background:rgba(194,222,162,.36)}.panel-secondary,.strength-presets button,.wind-directions button,.editing-banner>button{background:rgba(218,235,195,.35)}.strength-presets button[aria-pressed=true],.wind-directions button[aria-pressed=true]{background:rgba(190,219,157,.45)}.separator,.tool-divider,.tool-panel hr{background:rgba(99,127,76,.18)}
:root.dark-surface{--glass-top:rgba(20,35,18,.32);--glass-bottom:rgba(17,30,16,.24);--glass-edge:rgba(242,255,227,.32);--glass-shadow:rgba(7,20,7,.16)}
.dark-surface .tool-panel,.dark-surface dialog{--glass-top:rgba(20,35,18,.52);--glass-bottom:rgba(17,30,16,.40)}
.dark-surface .toolbox,.dark-surface .feature-tools,.dark-surface .tool-panel,.dark-surface .simulation-banner,.dark-surface dialog{color:#edf5e5}
.dark-surface .icon-button,.dark-surface .piece-button,.dark-surface .rotate-button,.dark-surface .panel-secondary,.dark-surface .secondary-button,.dark-surface .panel-label,.dark-surface .custom-color,.dark-surface .range-heading,.dark-surface .range-labels,.dark-surface .track-title,.dark-surface dialog p,.dark-surface dt,.dark-surface dd,.dark-surface .simulation-banner>span,.dark-surface .simulation-banner>button,.dark-surface .strength-presets button,.dark-surface .wind-directions button,.dark-surface .language-switch button{color:#e4efda}
.dark-surface .range-heading output,.dark-surface .tool-panel h2,.dark-surface dialog h2{color:#f6fbee}.dark-surface .control-hint{color:#d4e1c8}.dark-surface .piece-button.selected,.dark-surface .icon-button[aria-pressed=true],.dark-surface #music-tool.is-playing,.dark-surface .language-switch button[aria-pressed=true]{background:rgba(176,215,136,.25);border-color:rgba(222,248,196,.42);color:#f2ffe8}.dark-surface .editing-banner>button{background:rgba(188,220,154,.22)}.dark-surface .separator,.dark-surface .tool-divider,.dark-surface .tool-panel hr{background:rgba(226,246,208,.22)}
@media(max-width:600px){.toolbox,.feature-tools,.tool-panel,.simulation-banner,dialog{backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%)}}

.feature-tools{max-height:calc(100dvh - 285px);overflow-y:auto;scrollbar-width:none}.feature-tools::-webkit-scrollbar{display:none}.feature-tools .icon-button,.feature-tools .tool-divider{flex-shrink:0}@media(max-width:600px){.feature-tools{max-height:calc(100dvh - 270px)}}@media(max-height:500px){.feature-tools{max-height:calc(100dvh - 200px)}}