.field-targets{position:absolute;inset:0;pointer-events:none;z-index:4}.field-targets[hidden],.field-panel[hidden],.delivery-actor[hidden]{display:none}
.field-targets button{position:absolute;transform:translate(-50%,-50%);width:66px;height:66px;background:#fff8e718;border:2px dashed #a18157;border-radius:50%;color:#5a543b;pointer-events:auto;touch-action:manipulation;font-size:10px;text-shadow:0 1px #fff;display:flex;align-items:flex-end;justify-content:center;padding:0 0 4px;box-shadow:0 0 0 5px #fff8e720}
.field-targets button.ready{border-color:#416b4b;border-style:solid;background:#dce9c518;color:#31553c}.field-targets button:focus-visible{outline:3px solid #f5c872;outline-offset:4px}.field-targets button:active{background:#eaf3d880}
.field-panel{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(430px,calc(100% - 32px));padding:14px 17px;background:#faf8eeee;border:1px solid #fff9;border-radius:9px;z-index:5;box-shadow:0 5px 25px #344e2414}.field-panel>div{display:flex;justify-content:space-between;gap:12px}.field-panel strong{font-size:13px}.field-panel span{font-size:12px;color:#926e42;white-space:nowrap}.field-panel p{font-size:11px;color:#657758;line-height:1.7;margin:8px 0}.field-panel>button{min-height:38px;padding:7px 0;background:none;border-top:1px solid #d6dcc9;width:100%;font-size:11px;color:#6a795d}.field-panel.complete{border-color:#b4c99c;background:#f5f8e9f5}.field-panel.complete strong{color:#365c3e}
.letter-choices small{display:block;color:#7b8c68;font-size:10px;font-weight:400}.letter-story{font-size:11px;color:#7c856f;margin:8px 0}.letter-story summary{cursor:pointer;min-height:30px}.letter-story p{line-height:1.9;word-break:keep-all}.letter-dialog #letterBody{font-size:12px;line-height:1.75;margin-bottom:12px}.letter-dialog #letterMission{margin:12px 0}.letter-dialog #letterRewardNote{line-height:1.6;margin-bottom:9px}.letter-dialog .letter-echo{display:none}
.delivery-actor{position:absolute;transform:translate(-50%,-100%);padding:9px 12px;min-height:44px;border:1px solid #6d9271;border-radius:18px;background:#f5f6e8ef;z-index:4;font-size:11px;white-space:nowrap;box-shadow:0 3px 15px #253e2524}.delivery-actor:after{content:'';position:absolute;bottom:-6px;left:calc(50% - 5px);width:10px;height:10px;background:#f5f6e8;transform:rotate(45deg);border-right:1px solid #6d9271;border-bottom:1px solid #6d9271}
body[data-field=true] .controls,body[data-field=true] .context,body[data-field=true] .bench-context,body[data-field=true] .letter-prompt{display:none!important}body[data-field=true] #world{cursor:crosshair}.field-note{padding:12px 14px;border-left:2px solid #8caa72;background:#e7eddc;font-size:12px!important}.letter-reward-note{font-size:11px!important;color:#8d7754!important}.observation-summary{border-top:1px solid #cbd3bd;margin-top:24px;padding-top:18px}.observation-summary ul{list-style:none;margin:8px 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:7px}.observation-summary li{font-size:11px;padding:8px;background:#e7eddf}.observation-summary li span{float:right;color:#977b47}@media(max-width:650px){.field-targets button{width:59px;height:59px}.field-panel{padding:12px 15px}.observation-summary ul{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.field-targets button{border-style:solid}}