.field-game{position:absolute;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#102935;color:#edf7ef;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;isolation:isolate;overflow:hidden}.field-game *{box-sizing:border-box}.field-game button{font:inherit;color:inherit;border:0;cursor:pointer;border-radius:12px;background:#24434e;padding:10px 14px;touch-action:manipulation}.field-game button:hover{background:#355c65}.field-game button:focus-visible{outline:3px solid #e7ca85;outline-offset:2px}.field-game button:active{transform:translateY(1px)}.field-game [hidden]{display:none!important}.field-header{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:14px 22px;background:#122a36;z-index:2;box-shadow:0 6px 28px #071c2324}.field-brand{display:grid;gap:2px;min-width:125px}.field-brand>span{font-size:9px;letter-spacing:2px;color:#88bab3;direction:ltr;text-align:right}.field-brand b{font-size:22px;letter-spacing:-.6px}.field-profile{color:#b0bdb8;font-size:11px}.field-header nav{display:flex;gap:7px;flex-wrap:wrap}.field-header nav button{font-size:12px;padding:8px 10px}.field-score{font-weight:800;white-space:nowrap;font-size:17px;color:#f0dfb6;background:#ffffff07;padding:11px 18px;border-radius:30px;font-variant-numeric:tabular-nums}.field-stage{position:relative;min-height:0;overflow:hidden}.field-stage canvas{width:100%;height:100%;display:block;touch-action:none}.field-objective{position:absolute;top:12px;left:50%;transform:translateX(-50%);max-width:calc(100% - 22px);width:max-content;text-align:center;border-radius:30px;background:#17363be0;color:#edf5da;box-shadow:0 4px 15px #19383b12;backdrop-filter:blur(8px);padding:8px 17px;font-size:12px;pointer-events:none}.field-resource-bar{position:absolute;bottom:36px;right:14px;background:#123139ce;backdrop-filter:blur(8px);padding:8px 12px;border-radius:12px;font-size:12px;color:#f0e6bc;pointer-events:none}.field-hint{position:absolute;bottom:10px;right:14px;left:14px;font-size:11px;color:#eff4dc;text-shadow:0 1px 4px #123a37;pointer-events:none}.field-notice{position:absolute;top:58px;left:50%;transform:translate(-50%,-8px);opacity:0;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px);width:max-content;background:#f4e7c5;color:#345754;padding:11px 18px;border-radius:14px;text-align:center;font-size:14px;font-weight:700;box-shadow:0 10px 40px #172f3633;pointer-events:none}.field-notice.visible{opacity:1;transform:translate(-50%,0)}.field-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 22px max(12px,env(safe-area-inset-bottom));background:#102833;z-index:2}.field-controls>small{color:#9dafb0;font-size:11px;max-width:220px}.field-action-buttons{display:flex;align-items:center;gap:8px}.field-action-buttons button{display:grid;gap:2px;min-width:80px;min-height:49px;box-shadow:0 3px 0 #061d2566}.field-action-buttons b{font-size:12px}.field-action-buttons kbd{color:#a1cbc2;font:10px system-ui}.field-action-buttons button:first-child{background:#357e7b}.field-action-buttons button:first-child:hover{background:#449690}.field-dpad{display:none;direction:ltr;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,38px);gap:4px}.field-dpad button{padding:0;user-select:none;-webkit-user-select:none;touch-action:none}.field-dpad button:nth-child(1){grid-column:2;grid-row:1}.field-dpad button:nth-child(2){grid-column:1;grid-row:2}.field-dpad button:nth-child(3){grid-column:2;grid-row:2}.field-dpad button:nth-child(4){grid-column:3;grid-row:2}.field-recipes{position:absolute;bottom:100px;left:20px;width:300px;max-width:calc(100% - 40px);z-index:7;background:#edf0d9;color:#2b554f;border-radius:20px;padding:19px;box-shadow:0 18px 70px #07272b55}.field-recipes>b{font-size:20px}.field-recipes p{font-size:12px;line-height:1.6}.field-recipes button{display:flex;flex-direction:column;align-items:center;width:100%;gap:4px;background:#4d887b;margin-top:8px;color:white}.field-recipes button small{font-size:11px;font-weight:400;color:#e2e9ca}.field-overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:24px;background:#09222ed1;backdrop-filter:blur(8px);overflow:auto}.field-overlay article{max-width:620px;width:100%;max-height:100%;overflow:auto;border-radius:25px;padding:34px;background:linear-gradient(150deg,#edf1dd,#fbf0d5);color:#244c4d;box-shadow:0 25px 90px #03151f50}.field-kicker{font-size:11px;letter-spacing:1px;font-weight:800;color:#638b7e}.field-overlay h1{font-size:42px;line-height:1.1;margin:12px 0 16px;letter-spacing:-1.5px;color:#285853}.field-intro{font-size:15px;line-height:1.75;margin:0 0 17px}.field-overlay ol{font-size:13px;line-height:1.75;padding-right:20px}.field-overlay li{margin:9px 0}.field-session-note{padding:13px 16px;background:#547d6e10;border-radius:12px;font-size:12px;line-height:1.7}.field-mobile-note{font-size:11px;color:#677f75}.field-overlay .field-primary{width:100%;margin-top:12px;font-size:17px;font-weight:800;background:#387e72;color:#fff6df;padding:14px}.field-overlay .field-primary:hover{background:#27695e}.field-overlay .field-secondary{display:block;margin:10px auto 0;background:transparent;color:#638278;font-size:12px}.field-creatures .field-header{background:#183c43}.field-creatures .field-controls{background:#183c43}
@media(pointer:coarse){.field-dpad{display:grid}.field-controls>small{display:none}.field-action-buttons button{min-width:67px;min-height:55px}.field-controls{gap:10px;padding-inline:12px}}
@media(max-width:760px){.field-header{padding:10px 12px;gap:8px;flex-wrap:wrap}.field-brand{min-width:100px}.field-brand b{font-size:18px}.field-brand>span{font-size:8px;letter-spacing:1px}.field-profile{display:none}.field-score{font-size:13px;padding:7px 10px}.field-header nav{width:100%;justify-content:center;gap:6px}.field-header nav button{padding:6px 9px;font-size:11px}.field-controls{padding:9px 10px max(9px,env(safe-area-inset-bottom));align-items:center}.field-controls>small{display:none}.field-dpad{display:grid;grid-template-columns:repeat(3,34px);grid-template-rows:repeat(2,34px);gap:3px;flex-shrink:0}.field-action-buttons{gap:5px;justify-content:flex-end;flex-wrap:wrap}.field-action-buttons button{min-width:60px;min-height:41px;padding:6px 8px;border-radius:9px}.field-action-buttons b{font-size:10px}.field-action-buttons kbd{font-size:9px}.field-objective{font-size:10px;padding:7px 10px;top:8px}.field-notice{top:45px;font-size:12px}.field-resource-bar{font-size:10px;padding:6px 9px;right:9px;bottom:34px}.field-hint{font-size:10px;right:9px;left:9px;bottom:9px}.field-overlay{padding:14px}.field-overlay article{padding:24px;border-radius:20px}.field-overlay h1{font-size:35px}.field-intro{font-size:13px}.field-overlay ol{font-size:12px}.field-recipes{bottom:120px}}
@media(max-height:520px){.field-header{padding-block:6px;flex-wrap:nowrap}.field-header nav{width:auto;flex-wrap:nowrap}.field-brand>span,.field-profile{display:none}.field-header nav button{padding:6px;font-size:10px}.field-controls{padding-block:6px}.field-dpad{grid-template-rows:repeat(2,27px);grid-template-columns:repeat(3,35px)}.field-action-buttons button{min-height:39px}.field-objective{top:5px;padding:5px 10px}.field-resource-bar{bottom:28px}.field-overlay article{padding:20px}.field-overlay h1{font-size:30px}.field-recipes{bottom:76px}}
@media(prefers-reduced-motion:reduce){.field-game *{transition:none!important}}
.field-overlay article::before{content:"";display:block;height:140px;margin:-34px -34px 24px;background-position:center 45%;background-size:cover;background-color:#447b77}.field-football .field-overlay article::before{background-image:linear-gradient(0deg,#163c4220,#163c4220),url('/assets/posters/football-cover-v1.png')}.field-creatures .field-overlay article::before{background-image:linear-gradient(0deg,#163c4210,#163c4210),url('/assets/posters/creatures-cover-v1.png')}
@media(max-width:760px){.field-overlay article::before{height:110px;margin:-24px -24px 20px}}@media(max-height:520px){.field-overlay article::before{height:85px;margin:-20px -20px 18px}}