.points-room{max-width:1100px;margin:0 auto}.points-summary{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px}.points-summary>div{background:#fffdf1;border:2px solid #d2dbc4;border-radius:24px;padding:20px 26px}.points-summary>div:first-child{background:#fff0a9;border-color:#dcc061}.points-summary span{display:block;font-size:1rem}.points-summary strong{display:block;font-size:2.3rem;color:#17664f}.points-summary>div:first-child strong{font-size:3rem}.points-note,.points-storage{font-size:.875rem;line-height:1.7;color:#4c6d61}.points-feedback{font-size:1rem;font-weight:800;min-height:24px;color:#17664f}.points-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.points-book,.points-goals,.points-rewards,.points-history{border:2px solid #d4e2d8;border-radius:25px;background:#fffef7;padding:23px;margin-bottom:22px}.points-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.points-heading h2,.points-history h2{font-size:1.4rem;margin:0 0 6px}.points-heading p{font-size:.875rem;line-height:1.7;margin:0}.points-sticker-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;background:#f6f3e5;padding:12px;border-radius:18px;min-height:170px}.point-sticker{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;background:#fffdf5;border:2px solid #e5d495;border-radius:20px;box-shadow:0 3px 0 #e7ddbb;padding:7px 3px}.point-sticker>svg{width:100%;height:86px;filter:drop-shadow(0 2px 1px #eee4c0)}.point-sticker figcaption{font-size:.875rem;font-weight:800;margin-top:2px}.point-sticker-empty{border:2px dashed #d5c795;border-radius:20px;color:#ddd0a0;display:grid;place-items:center;font-size:1.5rem;min-height:90px}.points-empty{font-size:1rem;line-height:1.9;color:#4f6d61}.points-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:17px}.points-item{display:flex;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid #dde6d9;align-items:center}.points-item h3{font-size:1.1rem;line-height:1.5;margin:0 0 6px;overflow-wrap:anywhere}.points-item span{font-size:.875rem;color:#486859}.points-item button{white-space:nowrap}.points-reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.point-reward{padding:22px;background:#edf6e5;border:2px solid #d3e4be;border-radius:20px}.point-reward h3{font-size:1.15rem;margin:18px 0;overflow-wrap:anywhere}.reward-cost{background:#fff0aa;border:1px solid #dbc075;border-radius:20px;padding:5px 12px;font-weight:800}.point-reward progress{display:block;width:100%;height:14px;accent-color:#378463}.point-reward p{font-size:.875rem}.points-history ol{list-style:none;margin:0;padding:0}.points-history li{display:flex;gap:13px;align-items:center;border-bottom:1px solid #e0e7de;padding:15px 0}.history-sticker{width:56px;height:58px;flex-shrink:0}.history-sticker svg{width:100%;height:100%}.points-history li>div:nth-child(2){flex:1;min-width:0}.points-history strong{display:block;overflow-wrap:anywhere}.points-history span{display:block;font-size:.875rem;color:#527162;margin-top:6px}.points-history li>b{font-size:1.2rem;white-space:nowrap}.point-plus{color:#177151}.point-minus{color:#96622a}.points-reversed>div:nth-child(2)>strong{text-decoration:line-through;color:#718578}.points-storage{padding:0 8px}.points-dialog{width:min(840px,95vw);max-height:92dvh;padding:24px;background:#fffef4;border:2px solid #adcabe;border-radius:25px;box-shadow:0 20px 100px #00281966;overflow:auto}.points-dialog::backdrop{background:#0b302ebb;backdrop-filter:blur(5px)}.points-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px}.points-dialog h2{font-size:1.45rem;margin:0}.points-dialog p{line-height:1.8;font-size:1rem}.points-dialog form{margin-top:20px}.points-dialog label{display:flex;flex-direction:column;gap:8px;font-size:.875rem}.points-dialog input:not([type=checkbox]),.points-dialog select{width:100%;padding:12px;border:2px solid #b4c8ba;border-radius:11px;background:#fff;font:inherit;font-size:1rem;min-height:46px;box-sizing:border-box}.points-dialog input[type=checkbox]{width:22px;height:22px}.points-dialog button{min-height:44px}.points-password{max-width:360px;margin:20px 0}.points-dialog-message{color:#a54731;font-weight:800;min-height:20px}.points-config-groups>section{margin:24px 0;padding:18px;background:#edf3e7;border-radius:18px}.points-config-groups h3{font-size:1.1rem;margin:0 0 16px}.points-config-row{display:grid;grid-template-columns:1fr 90px 64px;align-items:end;gap:12px;margin-bottom:18px}.points-config-row .points-active{display:flex;flex-direction:row;align-items:center;gap:5px;min-height:46px}.sticker-character-list{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.sticker-character-list button{background:#fff;border:2px solid #d1dccb;border-radius:16px;padding:6px;color:#264f40;font-size:.875rem}.sticker-character-list button[aria-pressed=true]{background:#dcf1c9;border-color:#367659}.sticker-character-list svg{width:100%;height:90px}.points-sticker-controls{display:flex;gap:25px;align-items:center;margin:18px 0}.points-sticker-controls label:last-child{flex-direction:row;align-items:center}.sticker-big-preview{height:250px;background:#f4efce;border:2px dashed #d2c58f;border-radius:22px;display:grid;place-items:center;margin:20px 0}.sticker-big-preview svg{width:95%;height:95%}.points-confirm-art{width:170px;height:160px;margin:0 auto}.points-confirm-art svg{width:100%;height:100%}.points-confirm-title{font-weight:800;font-size:1.3rem!important;text-align:center;overflow-wrap:anywhere}.points-nav{background:#e0ecd6;border-color:#a7c897}.points-dialog button:focus-visible,.points-dialog input:focus-visible,.points-dialog select:focus-visible{outline:3px solid #156952;outline-offset:3px}
@media(max-width:800px){.points-layout{grid-template-columns:1fr}.points-reward-grid{grid-template-columns:repeat(2,1fr)}.points-summary>div{padding:17px}.points-summary strong{font-size:1.9rem}.points-summary>div:first-child strong{font-size:2.4rem}}
@media(max-width:520px){.points-summary{gap:7px;grid-template-columns:1.2fr 1fr 1fr}.points-summary>div{border-radius:17px;padding:13px 8px}.points-summary span{font-size:.75rem}.points-summary strong,.points-summary>div:first-child strong{font-size:1.8rem;overflow-wrap:anywhere}.points-room .game-top h1{font-size:1.6rem}.points-book,.points-goals,.points-rewards,.points-history{padding:15px;border-radius:20px}.points-heading{gap:10px}.points-heading h2,.points-history h2{font-size:1.2rem}.points-heading button{padding:8px;font-size:.875rem}.points-sticker-wall{gap:7px;padding:8px}.point-sticker>svg{height:65px}.point-sticker{border-radius:14px}.point-sticker-empty{min-height:72px}.points-reward-grid{grid-template-columns:1fr}.points-history li{gap:8px;flex-wrap:wrap}.points-history li>div:nth-child(2){flex-basis:calc(100% - 68px)}.points-history li>b{margin-left:64px}.points-history li>button{margin-left:auto}.points-dialog{padding:15px}.points-dialog h2{font-size:1.2rem}.points-config-groups>section{padding:12px}.points-config-row{grid-template-columns:1fr 72px;gap:8px}.points-config-row .points-active{grid-column:1/3;min-height:30px}.sticker-character-list{gap:5px}.sticker-character-list svg{height:57px}.sticker-character-list button{font-size:.75rem;padding:3px}.points-sticker-controls{gap:14px;flex-wrap:wrap}.home-navigation{flex-wrap:wrap;justify-content:flex-end;gap:6px}.home-navigation .parent-button{padding:9px 10px;font-size:.8rem}.topbar{align-items:flex-start}}

@media(max-width:520px){.topbar{flex-wrap:wrap}.home-navigation{flex:1 0 100%;flex-wrap:nowrap;justify-content:flex-end}.home-navigation .parent-button{white-space:nowrap}}

@media(max-width:520px){.points-summary span,.sticker-character-list button,.home-navigation .parent-button{font-size:.875rem}.points-heading>button{white-space:nowrap;flex-shrink:0}}

/* Ten stickers, contained in two rows; selection lives in the parent award form. */
.points-sticker-wall{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;min-height:0}.point-sticker,.point-sticker-empty{min-width:0;min-height:0;aspect-ratio:4/5;overflow:hidden;border-radius:14px}.point-sticker{display:grid;grid-template-rows:minmax(0,1fr) auto;padding:5px}.point-art{width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.point-art>svg{display:block;width:100%;height:100%;max-width:100%;max-height:100%;overflow:hidden}.point-sticker figcaption{line-height:1.2;font-size:.875rem;text-align:center}.points-dialog svg,.history-sticker svg{overflow:hidden}.sticker-character-list button{min-width:0;overflow:hidden}.sticker-character-list svg{display:block;max-width:100%;overflow:hidden}.sticker-big-preview{overflow:hidden;border-style:solid}.sticker-big-preview svg{display:block;max-width:95%;max-height:95%;overflow:hidden}.points-config-row{grid-template-columns:minmax(0,1fr) 90px 70px 60px}.points-delete{border:1px solid #bc7767;border-radius:10px;background:#fff3ed;color:#913e29;padding:9px;font:inherit;font-size:.875rem}.points-award-sticker{padding:16px;background:#f1f6e9;border:1px solid #d4dfc6;border-radius:18px}.points-award-sticker h3{margin:0}.points-award-sticker .sticker-big-preview{height:190px;margin-bottom:0}
@media(max-width:520px){.points-sticker-wall{gap:5px;padding:7px}.point-sticker{padding:3px;border-radius:10px}.point-sticker-empty{border-radius:10px}.points-config-row{grid-template-columns:minmax(0,1fr) 72px}.points-config-row .points-active{grid-column:1;grid-row:2}.points-delete{grid-column:2;grid-row:2}.points-award-sticker{padding:10px}.sticker-character-list span{display:block;overflow-wrap:anywhere}}

/* A single direct gallery: five characters by five forms/equipment choices. */
.sticker-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.sticker-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:44px;padding:8px 3px;border:2px solid #d7dac8;border-radius:13px;background:#fffdf4;color:#294f41;overflow:hidden}.sticker-option-art{display:block;height:94px;width:100%;min-width:0;overflow:hidden}.sticker-option-art>svg{display:block;width:100%;height:100%;max-width:100%;max-height:100%;overflow:hidden}.sticker-option>strong{font-size:.95rem;line-height:1.25}.sticker-option>span:last-of-type{font-size:.875rem;line-height:1.3;text-align:center;overflow-wrap:anywhere}.sticker-option[aria-pressed=true]{border-color:#0c715d;background:#d5f2dd;box-shadow:0 0 0 2px #0c715d}.sticker-check{position:absolute;top:3px;right:4px;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#0c715d;color:#fff;font-size:1rem}.sticker-selected-label{margin:10px 0 16px;font-size:.95rem!important;color:#235e48}.points-award-sticker{padding:14px}.points-award-sticker>p{font-size:.875rem}@media(max-width:520px){.sticker-gallery{gap:5px}.sticker-option{padding:5px 1px;border-radius:9px;gap:3px}.sticker-option-art{height:54px}.sticker-option>strong{font-size:.875rem}.sticker-option>span:last-of-type{font-size:.875rem;min-height:2.6em;display:flex;align-items:center}.points-award-sticker{padding:8px}.sticker-check{width:16px;height:16px;top:1px;right:1px;font-size:.8rem}.points-dialog .sticker-option{min-height:103px}}
