:root{color:#365e66;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#365e66;--muted:#64858b;--accent:#608f98;background:#e5f1f3;font-family:Hiragino Maru Gothic ProN,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 52% 16%,#f6faf9 0,#edf6f6 29%,#0000 66%),radial-gradient(at 50% 87%,#c9e2e7 0,#0000 55%),#e5f1f3;min-width:0;min-height:100svh;margin:0}body:before,body:after{content:"";pointer-events:none;z-index:-1;border:1px solid #ffffff69;border-radius:50%;position:fixed}body:before{width:290px;height:290px;top:19%;left:calc(50% - 510px)}body:after{width:118px;height:118px;top:64%;right:calc(50% - 360px)}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.42}button,.game-input{outline:none}button:focus-visible,.game-input[data-keyboard-focus=true]:focus{outline-offset:4px;outline:2px solid #4c929f}button{touch-action:manipulation}button:not(:disabled):active{transform:translateY(1px)}.app-shell{width:min(100% - 32px,420px);padding:max(22px, env(safe-area-inset-top)) 0 max(22px, env(safe-area-inset-bottom));margin:0 auto}.game-header{justify-content:space-between;align-items:center;gap:8px;padding:0 8px;display:flex}.brand{align-items:center;gap:7px;display:flex}.brand img{opacity:.82}.presence-count{letter-spacing:.02em;color:#587c85;align-items:center;gap:5px;margin:2px 0 0;font-size:9px;font-weight:400;line-height:1.4;display:flex}.presence-count>span{background:#659683;border-radius:50%;width:5px;height:5px}.presence-unavailable>span{background:#9ab2b8}h1{letter-spacing:.055em;white-space:nowrap;margin:0;font-size:21px;font-weight:650}.header-actions{align-items:center;gap:1px;display:flex}.icon-button{color:#638890;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .15s;display:inline-flex}.icon-button:not(:disabled):hover{color:#3d717e;background:#ffffff70}.score-row{align-items:center;gap:12px;padding:16px 24px 0;display:flex}.score-row .score-block{flex:1;min-width:0}.eyebrow{align-items:center;justify-content:inherit;letter-spacing:.13em;color:#64848c;gap:4px;font-size:10px;font-weight:600;display:flex}.score{letter-spacing:.025em;font-variant-numeric:tabular-nums;color:#3c6873;font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-size:45px;font-weight:500;line-height:1.16;display:block}.score[data-size=compact]{font-size:32px}.score[data-size=small]{font-size:22px}.best-block{align-self:flex-end;min-width:94px;padding-bottom:5px}.best-tools{color:#64848c;align-items:center;gap:7px;display:flex}.best-block strong{font-variant-numeric:tabular-nums;color:#6b8b94;margin-top:5px;font-family:Trebuchet MS,sans-serif;font-size:18px;font-weight:400;display:block}.best-block strong[data-compact=true]{font-size:14px}.auto-toggle{white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;min-height:44px;padding:0;font-size:11px;display:inline-flex}.auto-toggle:not(:disabled):hover{color:#315e68}.auto-badge{color:#426b75;white-space:nowrap;vertical-align:middle;background:#dfedef;border:1px solid #aacbd1;border-radius:4px;margin-left:5px;padding:1px 4px;font-size:9px;line-height:1.4;display:inline-block}.next-block{flex-direction:column;align-items:center;gap:7px;min-width:44px;margin-left:auto;display:flex}.degu-bubble{border:1px solid color-mix(in srgb, var(--bubble-rim), transparent 25%);background:radial-gradient(ellipse at 29% 17%, #fff 0%, #ffffffab 7%, transparent 20%), radial-gradient(ellipse at 35% 24%, #ffffff83 0%, transparent 68%), color-mix(in srgb, var(--bubble-color), transparent 57%);box-shadow:inset 1px 2px 3px #ffffffbf, inset -1px -2px 4px color-mix(in srgb, var(--bubble-rim), transparent 65%);vertical-align:middle;border-radius:50%;flex-shrink:0;display:inline-block;position:relative}.animal-picture{object-fit:contain;opacity:.96;width:90%;height:90%;position:absolute;inset:5%}.wardrobe-modal .modal-inner{padding:30px 20px 16px}.wardrobe-modal .modal-footer{grid-template-columns:1fr}.wardrobe .modal-lead{margin:0 0 15px;font-size:11px}.animal-options{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.animal-option{background:#ffffff50;border:1px solid #b4cdd1;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:85px;padding:8px 2px;font-size:11px;display:flex}.animal-option[aria-pressed=true]{background:#d8eae8;border-color:#507f89;box-shadow:inset 0 0 0 1px #507f89}.animal-option.mix-option{flex-direction:row;grid-column:1/-1;gap:9px;min-height:44px;padding:6px}.mix-option .mix-symbol{width:28px;height:28px;font-size:22px}.mix-symbol{color:#557f89;background:#d9eae880;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:30px;display:flex}.mode-explanation{color:#527780;text-align:left;margin:15px 0 21px;font-size:11px;line-height:1.8}.coat-group{text-align:left;border:0;min-width:0;margin:20px 0 0;padding:0}.coat-group legend{margin-bottom:10px;padding:0;font-size:13px;font-weight:600}.coat-group legend>span{color:#64858b;margin-left:8px;font-size:10px;font-weight:400}.coat-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.coat-option{cursor:pointer;position:relative}.coat-option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.coat-option>span{text-align:center;background:#ffffff70;border:1px solid #b4cdd1;border-radius:9px;flex-direction:column;justify-content:flex-start;align-items:center;height:100%;padding:6px 3px 8px;display:flex}.coat-option img{aspect-ratio:1;object-fit:contain;width:100%;max-width:96px;height:auto}.coat-option strong{overflow-wrap:anywhere;font-size:10px;font-weight:500;line-height:1.5}.coat-option input:checked+span{background:#d8eae8;border-color:#507f89;box-shadow:inset 0 0 0 1px #507f89}.coat-option input:focus-visible+span{outline-offset:3px;outline:2px solid #4c929f}.coat-detail{color:#527780;min-height:38px;margin:8px 0 0;font-size:10px;line-height:1.8}.wardrobe-current{color:#527780;margin:18px 0 0;font-size:10px}.palette-section{text-align:left;margin:18px 0 0}.palette-section h3{margin:0 0 12px;font-size:12px;font-weight:600}.palette-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px 5px;margin:0;padding:0;list-style:none;display:grid}.palette-list li{text-align:center;flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.palette-list li>span:last-child{overflow-wrap:anywhere;font-size:9px;line-height:1.6}.palette-list small{color:#64858b;font-size:8px;display:block}.animal-setting{font-size:12px}.animal-setting>span:last-child{align-items:center;gap:5px;font-size:11px;display:flex}@media (width<=340px){.palette-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 3px}.palette-list .degu-bubble{width:40px!important;height:40px!important}.palette-list li>span:last-child{font-size:8px}}.bubble-number{color:#426a73;background:#ffffffcf;border-radius:50%;justify-content:center;align-items:center;width:11px;height:11px;font:8px/1 Arial,sans-serif;display:flex;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.game-region{margin-top:0;position:relative}.board{aspect-ratio:420/580;width:100%;position:relative}.game-input{touch-action:none;-webkit-tap-highlight-color:transparent;cursor:crosshair;border-radius:24px;width:100%;height:100%;position:relative}.game-input canvas{display:block;width:100%!important;height:100%!important}.board-paused .game-input{cursor:default}.empty-hint{pointer-events:none;text-align:center;letter-spacing:.13em;color:#85a7ae;flex-direction:column;align-items:center;gap:8px;font-size:18px;font-weight:400;line-height:1.5;display:flex;position:absolute;inset:34% 8% auto}.empty-hint small{letter-spacing:.07em;color:#7198a2;margin-top:4px;font-size:11px}.hint-line{background:linear-gradient(#a6c6cd66,#87aebcaa);width:1px;height:28px;margin:5px 0 3px}.board-message{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:15px;font-size:13px;display:flex;position:absolute;inset:22% 10%}.board-message p{margin:0}.loading-drop{background:#bce5eb;border:1px solid #89b4c2;border-radius:60% 40% 55% 45%;width:25px;height:30px;animation:1s ease-in-out infinite alternate jelly}.danger-notice{pointer-events:none;text-align:center;color:#ac626e;letter-spacing:.06em;font-size:11px;position:absolute;top:22%;left:0;right:0}.growth-section{flex-direction:column;align-items:center;margin-top:-3px;display:flex}.growth-title{color:#6e9097;letter-spacing:.16em;font-size:10px}.growth-list{align-items:center;gap:6px;margin:0;padding:9px 0 0;list-style:none;display:flex}.growth-list li{align-items:center;display:flex}.growth-list svg{color:#9eb9bf}.controls-hint{text-align:center;color:#64848e;letter-spacing:.025em;margin:20px 0 0;font-size:10px;line-height:1.7}.touch-instructions{display:none}kbd{background:#fff4;border:1px solid #9dbbc266;border-radius:3px;min-width:14px;margin-left:2px;padding:0 3px;font:9px/1.5 inherit;display:inline-block}.gentle-note{text-align:center;letter-spacing:.04em;color:#76959d;margin:8px 0 0;font-size:10px}.game-footer{color:#729199;justify-content:center;align-items:center;gap:12px;font-size:9px;display:flex}.game-footer button{background:0 0;border:0;align-items:center;gap:4px;min-height:44px;padding:0 4px;font-size:10px;display:inline-flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.modal{width:min(360px,100vw - 40px);max-height:calc(100svh - 40px);color:var(--ink);background:#f1f8f7;border:1px solid #ffffffda;border-radius:27px;padding:0;overflow-y:auto;box-shadow:0 20px 80px #426b791f}.modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#90b8c052}.modal-wide{width:min(420px,100vw - 28px)}.modal-inner{text-align:center;padding:33px 28px 24px;position:relative}.modal-with-footer[open]{flex-direction:column;display:flex;overflow:hidden}.modal-with-footer .modal-inner{overscroll-behavior:contain;min-height:0;overflow-y:auto}.modal-footer{padding:14px 20px max(16px, env(safe-area-inset-bottom));background:#f1f8f7;border-top:1px solid #c6dcdf80;flex-shrink:0;grid-template-columns:1fr 1fr;gap:8px;display:grid}.modal-footer .primary-button{letter-spacing:0;padding:0 5px;font-size:12px}.primary-button.secondary-button{color:#527b85;background:0 0;border-color:#a7c3c9}.primary-button.secondary-button:hover{background:#e2eff0}.modal-close{width:38px;height:38px;position:absolute;top:8px;right:8px}h2{letter-spacing:.05em;margin:0 0 12px;font-size:21px;font-weight:600}.modal-lead{color:#66868e;margin:0 0 20px;font-size:12px;line-height:1.9}.pause-degu{margin:24px 0}.settings-rows{border-top:1px solid #c6dcdf80;margin:21px 0}.setting-row{background:0 0;border:0;border-bottom:1px solid #c6dcdf80;justify-content:space-between;align-items:center;width:100%;min-height:53px;padding:14px 0;font-size:13px;display:flex}.setting-row>span:first-child{align-items:center;gap:9px;display:flex}.setting-row small{margin-left:1px;font-size:9px}.speed-setting{text-align:left;border:0;min-width:0;margin:24px 0 0;padding:0}.speed-setting legend{margin-bottom:12px;padding:0;font-size:13px;font-weight:600}.speed-options{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.speed-options label{cursor:pointer;position:relative}.speed-options input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.speed-options span{background:#ffffff80;border:1px solid #a9c6cc;border-radius:9px;justify-content:center;align-items:center;min-height:44px;font:16px Trebuchet MS,sans-serif;display:flex}.speed-options input:checked+span{color:#fff;background:#608f98;border-color:#608f98}.speed-options input:focus-visible+span{outline-offset:3px;outline:2px solid #4c929f}.speed-endpoints{color:#64858b;justify-content:space-between;gap:8px;margin-top:7px;font-size:9px;display:flex}.speed-setting p{color:#64858b;margin:14px 0 0;font-size:10px;line-height:1.8}.switch{background:#cdd;border-radius:30px;width:34px;height:20px;padding:3px;transition:background .15s;display:block}.switch:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;display:block;box-shadow:0 1px 3px #48707815}.switch.on{background:#76afb7}.switch.on:before{transform:translate(14px)}.primary-button{color:#fff;letter-spacing:.06em;background:#709aa3;border:1px solid #709aa3;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:47px;font-size:13px;transition:background .15s;display:flex}.primary-button:hover{background:#5b8894}.text-button{color:#729199;background:0 0;border:none;justify-content:center;align-items:center;gap:7px;min-height:44px;margin-top:8px;font-size:12px;display:inline-flex}.merge-example{color:#8dabb3;justify-content:center;align-items:center;gap:12px;margin:24px 0;display:flex}.rules{counter-reset:rules;text-align:left;margin:0;padding:0;list-style:none}.rules li{margin-bottom:18px;padding-left:27px;position:relative}.rules li:before{counter-increment:rules;content:counter(rules);color:#749aa4;text-align:center;background:#deecee;border-radius:50%;width:18px;height:18px;font:11px/18px Arial,sans-serif;position:absolute;top:0;left:0}.rules strong{font-size:12px;font-weight:600}.rules p,.help-note{color:#6b8890;margin:5px 0 0;font-size:11px;line-height:1.9}.help-note{text-align:left;margin:0 0 22px;font-size:10px}.art-credit{color:#7f9ba2;margin:18px 0 0;font-size:8px;line-height:1.7}.result-degu{margin:8px 0 20px}.result-label{color:#75969d;letter-spacing:.1em;margin-bottom:5px;font-size:10px}.result-score{color:#45717b;font:40px/1.2 Trebuchet MS,sans-serif;display:block}.result-merges{color:#6b8e96;margin:8px 0 14px;font-size:11px}.result-image{object-fit:contain;border-radius:4px;width:auto;max-width:100%;height:clamp(120px,26svh,220px);margin:0 auto 12px;display:block;box-shadow:0 5px 14px #426b7921}.result-modal .modal-inner{padding-top:22px;padding-bottom:12px}.result-modal h2{margin-bottom:12px}.result-modal .result-label{margin:0 0 4px}.result-modal .new-best{margin-top:4px}.save-image{background:#365e66;border-color:#365e66;border-radius:28px}.save-image:hover{background:#2b5058}.result-share-actions{justify-content:center;align-items:center;gap:16px;display:flex}.result-share-actions .text-button{font-size:10px}.result-site-url{color:#638790;text-underline-offset:3px;padding:5px;font:11px Trebuchet MS,sans-serif;display:inline-block}.share-notice{color:#73939b;min-height:30px;margin:7px 0 0;font-size:9px;line-height:1.8}.ranking-section{text-align:left;margin:20px 0}.ranking-caption{border-bottom:1px solid #c6dcdf80;justify-content:space-between;align-items:center;gap:7px;padding:9px 0;display:flex}.ranking-caption strong{font-size:12px;font-weight:600}.ranking-caption>span{color:#587c85;font-size:9px}.ranking-message{text-align:center;color:#71939a;margin:0;padding:24px 4px;font-size:11px;line-height:1.9}.ranking-message p{margin:8px 0}.ranking-scroll{overscroll-behavior:contain;max-height:280px;overflow-y:auto}.ranking-table{border-collapse:collapse;font-variant-numeric:tabular-nums;table-layout:fixed;width:100%}.ranking-table th:first-child{width:30px}.ranking-table th:last-child{width:62px}.ranking-table th{color:#78969b;text-align:left;padding:11px 3px 7px;font-size:9px;font-weight:400}.ranking-table th:last-child,.ranking-table td:last-child{text-align:right}.ranking-table td{border-bottom:1px solid #ccdde04d;padding:10px 3px;font-size:13px}.ranking-table td:first-child{width:36px;font-family:Arial,sans-serif;font-size:11px}.ranking-table td:nth-child(2)>span{overflow-wrap:anywhere;font-size:11px;display:block}.ranking-table small{color:#65858e;margin-top:5px;font-size:10px;display:block}.ranking-table td:last-child{white-space:nowrap;font-family:Trebuchet MS,sans-serif}.ranking-name{flex-wrap:wrap;align-items:center;gap:3px 5px;min-width:0;display:flex}.ranking-name>span:first-child{overflow-wrap:anywhere;font-size:11px}.ranking-skin-button{background:0 0;border:0;border-radius:5px;align-items:center;min-width:44px;min-height:44px;margin:-5px 0;padding:0 2px;display:inline-flex}.skin-icons{flex-shrink:0;align-items:center;gap:0;display:inline-flex}.skin-icons img{object-fit:contain;display:block}.skin-mix-badge{color:#426b75;white-space:nowrap;background:#dfedef;border:1px solid #aacbd1;border-radius:4px;padding:1px 4px;font-size:9px;line-height:1.4;display:inline-block}.ranking-used-skin{align-items:center;gap:8px;margin:0 0 4px;font-size:11px;display:flex}.ranking-skin-note{color:#64858b;margin:0 0 14px;font-size:10px;line-height:1.7}.ranking-table .ranking-skin-detail{color:#426b75;margin-top:7px;line-height:1.8}.medal{color:#647b85;background:#d4e3e5;border-radius:50%;justify-content:center;align-items:center;width:23px;height:23px;display:inline-flex}.medal-1{color:#9b884f;background:#eee2b9}.medal-2{color:#6d818d;background:#d9e2e7}.medal-3{color:#9c7b61;background:#e7d2c1}.my-rank{background:#e0eeeb}.ranking-form{margin-bottom:20px}.ranking-form label{color:#527780;margin-bottom:8px;font-size:11px;display:block}.ranking-form-row{gap:8px;display:flex}.ranking-form input{font:inherit;color:#365e66;background:#ffffffa6;border:1px solid #b4cdd2;border-radius:10px;outline-color:#76a4b0;width:100%;min-width:0;padding:10px;font-size:12px}.ranking-form input::placeholder{color:#8ba4aa}.ranking-form-row .primary-button{width:82px;min-width:82px;min-height:44px;font-size:11px}.privacy-note{color:#64858e;margin:8px 0 0;font-size:10px;line-height:1.8}.ranking-section>.privacy-note{margin:0 0 12px}.rank-success{color:#658d7a;justify-content:center;align-items:center;gap:6px;margin:8px 0 20px;font-size:12px;display:flex}.form-error{color:#ae6976;text-align:left;font-size:10px;line-height:1.8}.new-best{color:#aa965c;justify-content:center;align-items:center;gap:5px;margin:10px 0 0;font-size:11px;display:flex}.small{font-size:11px}@keyframes jelly{to{transform:scale(1.12,.9)translateY(3px)}}@media (pointer:coarse){.keyboard-instructions{display:none}.touch-instructions{display:inline}}@media (width<=380px){.score[data-size=compact]{font-size:26px}.score[data-size=small]{font-size:18px}.app-shell{width:calc(100% - 20px);padding-top:12px}.game-header{padding:0 4px}h1{letter-spacing:.025em;font-size:18px}.brand{gap:3px}.brand img{width:24px;height:24px}.header-actions{gap:0}.icon-button{width:44px;height:44px}.score-row{gap:10px;padding:11px 20px 0}.score{font-size:39px}.growth-list{gap:2px}.empty-hint{gap:5px;font-size:16px}.empty-hint small{font-size:10px}.controls-hint{margin-top:15px;font-size:9px}}@media (width>=600px) and (height>=900px){.app-shell{padding-top:36px}}@media (width<=340px){.score{font-size:34px}.game-header{gap:4px}h1{font-size:16px}.brand img{width:22px;height:22px}.growth-list{gap:0}}@media (width>=600px) and (height<=880px){.app-shell{width:min(420px,max(310px,72.4svh - 205.616px));padding-top:14px;padding-bottom:14px}h1{letter-spacing:.025em;font-size:18px}.brand{gap:3px}.brand img{width:24px;height:24px}.icon-button{width:44px}.score-row{gap:12px;padding:10px 24px 0}.score{font-size:39px}.growth-list{gap:2px}.controls-hint{margin-top:13px;font-size:9px}.gentle-note{margin-top:5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.creator-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 18px;margin:8px 0;font-size:12px;line-height:1.6;display:flex}.creator-links a{min-height:44px;color:inherit;text-underline-offset:4px;align-items:center;display:inline-flex}.creator-links a:focus-visible{outline-offset:4px;outline:2px solid}