/* Decorating Sir Bacon's cottage (castle-decorate.js): the chest's Decorate screen, the "Decorate" label on the
   chest, the numbered buttons over glowing spots, and the bar along the bottom while decorating. */
.cw-decor-layer{position:absolute;inset:0;pointer-events:none;z-index:4}
.cw-decor-label{z-index:2}.cw-decor-label.is-new{background:#ffdb6a;border-color:#8a6a2a}
.cw-decor-icon{display:inline-block;flex-shrink:0;background-repeat:no-repeat}
.cw-decor-icon.is-small{width:40px;height:40px}.cw-decor-icon.is-mini{width:34px;height:34px}
/* Big round buttons over the spots that glow in the room. */
.cw-decor-pins{position:absolute;inset:0;pointer-events:none}
.cw-decor-pin{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;display:grid;place-items:center;width:56px;height:56px;padding:0;border-radius:50%;border:3px solid #fff7d6;background:#f0b631;color:#173c50;font:900 24px/1 var(--sans);cursor:pointer;box-shadow:0 0 0 4px #ffcf4a66,0 4px 0 #0b1f2a66;animation:cw-decor-pulse 1.6s ease-in-out infinite}
.cw-decor-pin.is-here{background:#8fdcff}
.cw-decor-pin.is-item{width:60px;height:60px;padding:3px;background:#fffbee;border-color:#173c50;animation:none}
.cw-decor-pin .cw-decor-icon.is-pin{width:100%;height:100%;border-radius:50%}
.cw-decor-pin.is-aimed,.cw-decor-pin:hover,.cw-decor-pin:focus-visible{transform:translate(-50%,-50%) scale(1.14);background:#ffe58a;outline:none}
.cw-decor-pin.is-item.is-aimed,.cw-decor-pin.is-item:hover,.cw-decor-pin.is-item:focus-visible{background:#fff3c4}
@keyframes cw-decor-pulse{0%,100%{box-shadow:0 0 0 3px #ffcf4a66,0 4px 0 #0b1f2a66}50%{box-shadow:0 0 0 11px #ffcf4a22,0 4px 0 #0b1f2a66}}
/* The bar: what's being placed, the spots it fits (keys 1–9), and the tools. */
.cw-decor-bar{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);width:min(920px,calc(100% - 24px));display:grid;grid-template-columns:minmax(150px,min(30%,280px)) minmax(0,1fr) auto;grid-template-areas:"now spots tools";align-items:center;gap:10px 12px;padding:10px 12px;background:#fffbeef7;border:3px solid #173c50;border-radius:18px;box-shadow:0 5px 0 #0b1f2a55;color:#173c50;pointer-events:auto}
.cw-decor-now{grid-area:now;display:flex;align-items:center;gap:10px;min-width:0}
.cw-decor-now .cw-decor-icon{width:56px;height:56px;border-radius:12px;background-color:#f3ecd6}
.cw-decor-now strong{display:block;font:400 19px/1.15 var(--display);overflow-wrap:anywhere}.cw-decor-now small{display:block;margin-top:2px;font:800 12.5px/1.3 var(--sans);color:#4c6670}
.cw-decor-home{display:grid;place-items:center;width:50px;height:50px;flex-shrink:0;border-radius:50%;background:#20566a;color:#ffdf79;font-size:27px;line-height:1}
.cw-decor-spots{grid-area:spots;display:flex;gap:8px;overflow-x:auto;padding:3px 2px 5px;overscroll-behavior:contain;scrollbar-width:thin}
.cw-decor-spot{flex-shrink:0;display:flex;align-items:center;gap:8px;min-height:52px;padding:5px 12px 5px 6px;border:2px solid #173c50;border-radius:14px;background:#fff;color:#173c50;font:900 13px/1.2 var(--sans);text-align:left;cursor:pointer;box-shadow:0 3px 0 #173c5033}
.cw-decor-spot>b{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;background:#ffd65a;border:2px solid #173c50;font-size:15px}
.cw-decor-spot small{display:block;margin-top:2px;font-weight:700;font-size:11.5px;color:#5b6b63}
.cw-decor-spot:hover,.cw-decor-spot:focus-visible{background:#fff3c4}.cw-decor-spot:active{transform:translateY(2px);box-shadow:0 1px 0 #173c5033}
.cw-decor-spot.is-here{background:#e3f6ff}.cw-decor-spot.is-here>b{background:#8fdcff}
.cw-decor-tools{grid-area:tools;display:flex;gap:8px}.cw-decor-tools .cw-button{min-height:48px;padding:8px 14px;white-space:nowrap;flex:none}
/* While decorating, the room is the screen: movement pads, maps and trails step aside. */
.cw-game.is-decorating :is(.cw-controls,.cw-mc-pad,.cw-minimap,.cw-trail,.cw-tracker,.cw-quest-pill,.cw-location,.cw-world-labels,.cw-crosshair,.cw-bubble,.cw-hint,.cw-quest-progress,.cw-catch-hud,.cw-catch-label){display:none!important}
/* The chest's Decorate screen. */
.cw-decor-intro{margin:0 0 6px!important;font-size:15.5px!important}.cw-decor-intro span{display:inline-block;margin-left:4px;padding:1px 10px;background:#ffefc0;border:1px solid #d4a043;border-radius:999px;font-weight:900;font-size:13px;white-space:nowrap}
.cw-decor-kind{margin:16px 0 8px;font:400 1.3rem/1.2 var(--display)}
.cw-decor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}
.cw-decor-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 6px 10px;border:2px solid #cdbd8c;border-radius:16px;background:#fff;color:#173c50;text-align:center;font:inherit;cursor:pointer;box-shadow:0 3px 0 #173c5022}
.cw-decor-tile .cw-decor-icon{width:92px;height:92px}
.cw-decor-tile strong{font:900 13.5px/1.2 var(--sans)}.cw-decor-tile small{font:700 11.5px/1.25 var(--sans);color:#5b6b63}
.cw-decor-tile:hover,.cw-decor-tile:focus-visible{border-color:#173c50;background:#fff7de}.cw-decor-tile:active{transform:translateY(2px);box-shadow:0 1px 0 #173c5022}
.cw-decor-tile.is-placed{background:#eef7f1;border-color:#9fc79a}
.cw-decor-tile.is-new{border-color:#d39a2c;background:#fff3cc;box-shadow:0 0 0 3px #ffd65a99}
.cw-decor-new{position:absolute;top:-9px;right:-6px;padding:2px 9px;border-radius:999px;background:#d0503a;color:#fff;font:900 11.5px/1.5 var(--sans);font-style:normal;transform:rotate(6deg);box-shadow:0 2px 0 #0003}
.cw-decor-count{position:absolute;top:6px;left:8px;padding:1px 7px;border-radius:999px;background:#173c50;color:#ffdf79;font:900 12px/1.5 var(--sans)}
.cw-decor-tile.is-locked{cursor:default;background:#f4f1e6;border-style:dashed;box-shadow:none}.cw-decor-tile.is-locked .cw-decor-icon{filter:grayscale(1) opacity(.42)}
.cw-decor-earn ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cw-decor-earn li{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#f2f8ee;border:2px solid #cfe0c6;border-radius:12px;font-size:14.5px;line-height:1.45}
.cw-decor-earn li>b{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;background:#20566a;color:#ffdf79;font-size:15px}
.cw-decor-earn li>span{flex:1;min-width:0}.cw-decor-minis{display:flex;gap:2px;flex-shrink:0}
.cw-decor-locked{margin-top:12px!important}.cw-decor-locked .cw-decor-grid{margin-top:10px}
@media(prefers-reduced-motion:reduce){.cw-decor-pin{animation:none}.cw-decor-tile:active,.cw-decor-spot:active{transform:none}}
/* Phones held upright: the bar stacks (what's being placed and the tools, then the spots). */
@media(max-width:650px){
 .cw-decor-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"now tools" "spots spots";bottom:8px;width:calc(100% - 16px);padding:8px;gap:8px;border-radius:14px}
 .cw-decor-now .cw-decor-icon,.cw-decor-home{width:42px;height:42px}.cw-decor-home{font-size:22px}.cw-decor-now strong{font-size:16px}.cw-decor-now small{font-size:11.5px}
 .cw-decor-tools{flex-direction:column;gap:6px}.cw-decor-tools .cw-button{min-height:44px;padding:6px 10px;font-size:13px}
 .cw-decor-grid{grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:8px}.cw-decor-tile .cw-decor-icon{width:74px;height:74px}
 .cw-decor-earn li{flex-wrap:wrap;font-size:13.5px}.cw-decor-minis{margin-left:40px}
 .cw-decor-pin{width:50px;height:50px;font-size:21px}.cw-decor-pin.is-item{width:54px;height:54px}
}
/* Phones held sideways: one slim row. */
@media(max-height:500px) and (min-width:651px){
 .cw-decor-bar{bottom:6px;padding:6px 8px;gap:8px;border-radius:14px}.cw-decor-now small{display:none}
 .cw-decor-now .cw-decor-icon,.cw-decor-home{width:40px;height:40px}.cw-decor-spot{min-height:44px}.cw-decor-tools .cw-button{min-height:44px;padding:6px 10px}
}