.basket-toggle{position:absolute;top:94px;right:12px;background:#dcb575;color:#302f25;border:2px solid #ffe1a3;border-radius:3px;box-shadow:3px 3px 0 #18342a;padding:7px 12px;font-size:12px}
.nourishment{position:absolute;top:58px;left:152px;display:flex;align-items:center;gap:6px;padding:6px 8px;background:#17392dbb;border-radius:8px;font-size:11px}.nourishment meter{width:56px;height:12px;accent-color:#dbaf69}
#basket-dialog{width:min(470px,calc(100% - 24px));max-height:88dvh;padding:13px;border:3px solid #b0804c;border-radius:2px;box-shadow:inset 0 0 0 2px #e4c48b,0 0 0 3px #382c24,6px 8px 0 #071b1b80;background:#263e32}
.basket-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.basket-head>div{display:flex;align-items:baseline;gap:10px}.basket-head h2{margin:0;font-size:20px}.basket-head p{margin:0;font-size:11px;color:#c5ceac}.basket-head button{padding:5px 10px;border-radius:2px}
.basket-body{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:10px}.basket-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;align-content:start}
.item-slot{position:relative;height:56px;min-width:0;padding:0;border:2px solid #a88854;border-radius:1px;background:#142f27;box-shadow:inset 2px 2px 0 #0c211a,inset -2px -2px 0 #516446;color:#f6dfab}.item-slot:hover{background:#345843}.item-slot[aria-pressed=true]{border-color:#ffe4a6;background:#496346;box-shadow:0 0 0 1px #d3ae6a}.item-slot canvas{width:100%;height:100%;object-fit:contain}.slot-count{position:absolute;right:3px;bottom:1px;padding:0 2px;background:#18342dcc;font-size:11px;color:#fff2cf;line-height:14px}
.item-details{padding:8px;background:#162f27;border:1px solid #71825b;align-self:start}.item-details canvas{width:96px;height:54px;margin:auto;object-fit:contain}.item-details h3{margin:4px 0;font-size:14px}.item-details p{font-size:11px;line-height:1.45;color:#d0d5b6;margin:5px 0}#item-count{color:#efc777;font-size:11px}.item-details button{display:block;width:100%;margin-top:7px;border-radius:2px;padding:8px 3px;font-size:11px}.item-details button[hidden]{display:none}#basket-notice{font-size:11px;color:#f4d39b;margin:8px 0 0}#basket-notice:empty{display:none}
#fieldbook-dialog{width:min(770px,calc(100% - 22px));max-height:92dvh;padding:12px;background:#69472e;border:3px solid #bf945a;border-radius:5px;box-shadow:0 15px 90px #081b1899;color:#342c25}
.book-toolbar,.book-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#ffe8b7}.book-toolbar{margin-bottom:10px}.book-toolbar h2{margin:0;font-size:17px}.book-toolbar select{font:inherit;font-size:12px;max-width:42%;background:#342f25;color:#ffe8b7;padding:7px;border:1px solid #cba56c;border-radius:3px}.book-toolbar button,.book-nav button{padding:7px 10px;background:#443b2b;border-color:#caa16b;border-radius:3px;font-size:12px}.book-nav{margin-top:10px;font-size:12px}.book-nav button:disabled{opacity:.4;cursor:default}
.book-spread{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);box-shadow:0 3px 0 #34261e}.book-page{position:relative;min-height:370px;max-height:64dvh;overflow:auto;padding:23px 24px 35px;background:linear-gradient(90deg,#f4e3b8,#f6e9c8 90%,#ccb486);color:#382f27;font-family:Georgia,serif}.book-page+.book-page{background:linear-gradient(90deg,#c7ad7e,#f6e9c8 10%,#eddbad);border-left:1px solid #a58b5d}.book-page h3{font-size:24px;line-height:1.15;margin:0 0 15px;color:#4c412d}.book-page p{font-size:14px;line-height:1.6;margin:12px 0}.book-page canvas{width:120px;height:72px;object-fit:contain;margin:6px auto 10px}.book-page dl{font:12px/1.5 "Trebuchet MS",sans-serif;margin:0;display:grid;grid-template-columns:auto 1fr;gap:10px}.book-page dt{font-weight:bold;color:#624a2a}.book-page dd{margin:0}.page-number{display:block;text-align:center;font-size:11px;color:#8d7755;margin-top:20px}
@media(max-width:700px){.basket-toggle{top:80px;right:8px}.nourishment{top:44px;left:143px;font-size:10px;padding:6px}.nourishment meter{width:42px}}
@media(max-width:480px){#basket-dialog{padding:10px}.basket-body{grid-template-columns:minmax(0,1fr) 112px;gap:8px}.basket-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.item-slot{height:50px}.item-details{padding:6px}.item-details canvas{width:84px;height:48px}.item-details h3{font-size:13px}.book-toolbar h2{font-size:13px}.book-toolbar select{font-size:11px}.book-page{min-height:390px;padding:14px 11px 20px;max-height:67dvh}.book-page h3{font-size:18px}.book-page p{font-size:12px;line-height:1.55}.book-page canvas{width:80px;height:54px}.book-page dl{display:block;font-size:11px}.book-page dd{margin-bottom:8px}.book-nav button{font-size:11px;padding:7px}}