:root{color:#3b4a38;background:#f2f0e5;font-family:system-ui,Malgun Gothic,sans-serif;color-scheme:light;font-synthesis:none;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}body{margin:0;min-width:280px;min-height:100vh;background:radial-gradient(ellipse at 50% 12%,#fcf8eb 10%,#f1efdf 68%,#e9ecdc)}button{font:inherit}button:focus-visible,.chicken-hit:focus-visible{outline:2px solid #426b55;outline-offset:3px}.island-shell{position:relative;display:flex;flex-direction:column;width:min(100%,780px);min-height:100svh;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.island-header{display:flex;align-items:center;gap:11px;margin:0 3px 12px}.island-mark{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:17px 17px 18px 14px;background:#e4ebd4;border:1px solid #d3ddc1;color:#53735a;box-shadow:inset 0 1px #f7faed}.island-kicker{margin:0 0 3px;font:700 9px/1.1 Georgia,serif;letter-spacing:.18em;color:#53664c}.island-header h1{font-size:clamp(23px,5vw,31px);line-height:1.15;margin:0;letter-spacing:-.06em}.view-button{margin-left:auto;display:inline-flex;gap:6px;align-items:center;min-height:44px;border:1px solid #cbd9bd;border-radius:999px;padding:6px 12px;color:#435a44;background:#f5f7e8;white-space:nowrap;font-size:12px;font-weight:700;cursor:pointer;touch-action:manipulation}.view-button:hover:not(:disabled){background:#e8efda}.view-button:disabled{opacity:.54;cursor:default}.island-stage{flex:1;min-height:clamp(234px,75vw,430px);display:grid;place-items:center;isolation:isolate;position:relative;border-radius:23px;border:1px solid #b6cdbd;background:radial-gradient(ellipse at 47% 20%,#eaf0d4,#d5e5ce 40%,#bfded1 81%);box-shadow:inset 0 0 0 4px #f3f5e244,0 10px 22px #52674818}.is-viewing{width:min(100%,1100px);padding-left:max(4px,env(safe-area-inset-left));padding-right:max(4px,env(safe-area-inset-right))}.is-viewing .island-stage{min-height:min(420px,70svh)}.is-viewing .board{width:min(100%,calc((100svh - 82px) * 4 / 3))}.view-exit{position:absolute;z-index:2;top:max(25px,calc(env(safe-area-inset-top) + 9px));right:max(20px,calc(env(safe-area-inset-right) + 10px));background:#f5f7e8ed}.island-stage-label{position:absolute;z-index:1;top:13px;left:14px;display:flex;align-items:center;gap:6px;color:#4f6a55;font:700 9px Georgia,serif;letter-spacing:.12em;pointer-events:none}.island-stage-label span{width:5px;height:5px;background:#8ca570;border-radius:50%}.board{position:relative;isolation:isolate;width:min(100%,max(290px,calc((100svh - 225px) * 4 / 3)));aspect-ratio:4 / 3}.meadow,.sprite-layer,.sprite-layer>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.meadow,.sprite-layer{pointer-events:none}.meadow-ripple{animation:meadow-ripple 7s ease-in-out infinite alternate}.meadow-ripple:nth-of-type(odd){animation-delay:-3.5s}.shade-canopy{transform-origin:0 -47px;animation:canopy-breeze 5.8s ease-in-out infinite alternate}@keyframes meadow-ripple{0%{opacity:.43}to{opacity:.85;translate:2px 0}}@keyframes canopy-breeze{0%{transform:rotate(-.7deg)}to{transform:rotate(.9deg)}}.sprite-origin{opacity:.58}.sprite-preview{opacity:.73}.chicken-hit{cursor:pointer;pointer-events:auto;touch-action:manipulation}.chicken-hit.is-editing{pointer-events:none}.chicken-hit-area{fill:transparent}.chicken-body{transform-origin:0 0}.chicken-eyes{transform-origin:0 -40px;animation:chicken-blink 5.1s infinite}.chicken-rear{display:none}.chicken-actor[data-facing^=back] .chicken-rear{display:inline}.chicken-actor[data-facing^=back] .chicken-front{display:none}.chicken-smile,.chicken-sleepy,.chicken-heart{opacity:0;pointer-events:none}.chicken-actor[data-happy=true] .chicken-eyes,.chicken-actor[data-mode=doze] .chicken-eyes{opacity:0}.chicken-actor[data-happy=true] .chicken-smile,.chicken-actor[data-mode=doze][data-happy=false] .chicken-sleepy{opacity:1}.chicken-actor[data-happy=true] .chicken-heart{animation:greet-heart .92s ease-out both}.chicken-actor[data-mode=walk] .chicken-body{transform:translateY(var(--bob, 0px))}.chicken-actor[data-mode=walk] .chicken-foot-left{transform:translate(var(--stride, 0px),var(--toe, 0px))}.chicken-actor[data-mode=walk] .chicken-foot-right{transform:translate(calc(-1 * var(--stride, 0px)),calc(-1 * var(--toe, 0px)))}.chicken-actor[data-mode=turn] .chicken-body{animation:chicken-tilt .23s ease-in-out}.chicken-actor[data-mode=settle] .chicken-body{animation:chicken-settle .27s ease-out both}.chicken-actor:is([data-mode=rest],[data-mode=doze]) .chicken-body{animation:chicken-breathe 2.5s ease-in-out infinite alternate}.chicken-actor:is([data-mode=settle],[data-mode=rest],[data-mode=doze]) .chicken-feet{opacity:0}.board[data-background=true] *,.board[data-editing=true] .chicken-actor *{animation-play-state:paused!important}@keyframes chicken-blink{0%,43%,48%,87%,92%,to{transform:scaleY(1)}45%,89%{transform:scaleY(.1)}}@keyframes chicken-tilt{50%{transform:rotate(-4deg)}}@keyframes chicken-settle{0%{transform:scale(1)}42%{transform:scale(1.09,.86)}to{transform:scale(1.04,.91)}}@keyframes chicken-breathe{0%{transform:scale(1.04,.91)}to{transform:scale(1.06,.94)}}@keyframes greet-heart{0%{opacity:0;translate:0 4px}22%,65%{opacity:1}to{opacity:0;translate:0 -12px}}.slot-button{position:absolute;z-index:500;width:44px;height:44px;translate:-50% -50%;padding:0;border:0;display:grid;place-items:center;background:transparent;color:#3d5f45;cursor:pointer;touch-action:manipulation}.slot-tile{display:grid;place-items:center;width:34px;height:28px;background:#fff7d8f5;border:1.5px dashed #67875f;border-radius:12px;box-shadow:0 2px 5px #53674830}.slot-button:disabled{cursor:default;opacity:.82}.slot-button:disabled .slot-tile{background:#e7d5ad;border-style:solid}.slot-button.is-selected .slot-tile{background:#4e7056;color:#fff9e8;border:1.5px solid #e8f2d6}.slot-plus{font-size:18px;line-height:1}.island-tray{margin-top:14px;padding:14px;border:1px solid #e1dfcb;border-radius:19px;background:#fffaf0;box-shadow:0 4px 13px #655b4311}.tray-copy h2{margin:0;font-size:16px;letter-spacing:-.045em;line-height:1.3}.tray-copy p{margin:5px 0 0;color:#635f4e;font-size:12px;line-height:1.55;word-break:keep-all}.tray-actions{display:flex;gap:8px;margin-top:12px}.primary-button,.soft-button,.hat-options button,.icon-button{min-height:44px;display:inline-flex;justify-content:center;align-items:center;gap:7px;padding:0 13px;border-radius:12px;border:1px solid #d8ddc5;font-size:13px;font-weight:700;cursor:pointer;touch-action:manipulation}.primary-button{flex:1;color:#fffaf0;background:#4c6d54;border-color:#45634c;box-shadow:inset 0 1px #75947a}.primary-button:hover{background:#3f6149}.primary-button:disabled{color:#555e4b;background:#e3e7d6;border-color:#d7deca;box-shadow:none;cursor:default}.soft-button,.hat-options button,.icon-button{color:#495943;background:#ecf0e0}.soft-button{min-width:79px}.soft-button:hover,.hat-options button:hover,.icon-button:hover{background:#e0e8d5}.wardrobe-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.icon-button{width:44px;padding:0}.hat-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:9px}.hat-options button{min-height:64px;flex-direction:column;gap:1px;padding:4px 3px;font-size:11px;white-space:nowrap}.hat-options button[aria-pressed=true]{background:#dce7ce;border-color:#7a9571}.hat-options svg{width:37px;height:26px}.hat-options button>svg.lucide{width:19px}.island-notice{margin:7px 3px 0;color:#54624d;font-size:11px;line-height:1.5}.island-notice:empty{margin:0}.island-footer{margin:5px 0 0;text-align:center;font-size:9px;letter-spacing:.08em;color:#586a54}.island-footer span{margin:0 4px;color:#967458}@media (min-width: 600px){.island-shell{padding-top:max(22px,env(safe-area-inset-top))}.island-tray{display:flex;align-items:center;justify-content:space-between;gap:16px}.tray-actions,.hat-options{margin-top:0}.primary-button{min-width:132px}.wardrobe-heading{flex:1}.hat-options{min-width:230px}}@media (max-height: 610px){.island-shell{padding-top:max(10px,env(safe-area-inset-top))}.island-header{margin-bottom:8px}.island-tray{margin-top:9px;padding:10px 12px}}@media (prefers-reduced-motion: reduce){.board *,.board *:before,.board *:after{animation:none!important}.chicken-actor[data-happy=true] .chicken-heart{opacity:1}}