@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap);html{background-color:var(--background-color);min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}#root,body{background-color:var(--background-color);min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#fef2f4;background-color:var(--background-color);min-height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--select-color:#d14d72;--menu-color:#ffabab;--background-color:#fef2f4;--text-color:#000}:root.dark{--select-color:#0d1321;--menu-color:#1d2d44;--background-color:#364559;--text-color:#d3d3d3}:root.old{--select-color:#a1002e;--menu-color:#d14d72;--background-color:#eb9fb5;--text-color:#000}.portrait{background-color:#fef2f4;background-color:var(--background-color);display:inline-block;margin-bottom:0;width:30%}.portrait-image{border:5px solid #d14d72;border:5px solid var(--select-color);border-radius:50%;width:30%}.portrait-label{background-color:#ffabab;background-color:var(--menu-color);display:inline-block;margin-top:0;text-align:center}.image{display:block;height:auto;margin:0 auto;max-width:100%;width:200px}.home-image{bottom:0;position:absolute;right:2%;width:35%}.home-title-1{top:5%}.home-title-1,.home-title-2{color:#000;color:var(--text-color);font-family:Lucida Console;font-size:7vw;font-weight:bolder;left:25%;position:absolute;width:50%}.home-title-2{top:17%}.home-text{left:40%;position:absolute;top:40%;width:20%}.image-track{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:40px auto;padding:20px;width:90%}.page-header{background-color:#fde7eb;height:5%;width:100%}.home-header-item{margin-left:-35%;margin-right:35%}.home-header-item,.page-header-item{display:inline-flex;font-size:small;width:fit-content}.page-header-item{margin-left:10px;margin-right:0}.home-header-item-text{font-family:Lucida Console;font-weight:200}.page-header-item-text{font-weight:300}.page-header-item-link:link{color:#000;color:var(--text-color);text-decoration:underline;text-decoration-color:#0000;transition:.4s}.page-header-item-link:hover{text-decoration-color:#000;text-decoration-color:var(--text-color)}.expandable-button,.page-header-item-link:visited{color:#000;color:var(--text-color)}.expandable-button{background:#0000;border:none;cursor:pointer;font:inherit;font-size:xx-large;padding:0}.expandable-button-item{display:inline-block;font-size:1.5rem;margin-left:.25rem}.expandable-button.expanded .expandable-button-item{transform:rotate(180deg)}.expandable-button-description{font-size:larger;margin:0}.about-page{align-items:center;display:flex;justify-content:center;margin:40px auto;width:100%}.about-page-items{background-color:#fef2f4;background-color:var(--background-color);border:2px solid #ffabab;border:2px solid var(--menu-color);border-radius:12px;max-width:800px;padding:30px;width:60%}.about-title{color:#d14d72;color:var(--select-color);font-size:2rem;font-weight:600;margin-bottom:20px;text-align:left}.about-text{color:#000;color:var(--text-color);font-size:1.1rem;line-height:1.6;margin-bottom:30px;text-align:left}.about-contact{border-top:2px solid #ffabab;border-top:2px solid var(--menu-color);margin-top:40px;padding-top:20px}.about-contact-item{align-items:center;color:#000;color:var(--text-color);display:flex;font-size:1.1rem;gap:10px;margin:10px 0;text-align:left}.about-contact-item a{color:#d14d72;color:var(--select-color);text-decoration:none;transition:color .3s ease}.about-contact-item a:hover{color:#ffabab;color:var(--menu-color)}.canvas{background-color:#fff}.animationRange{display:inline}.project-link-container{background-color:#fef2f4;background-color:var(--background-color);border:2px solid #ffabab;border:2px solid var(--menu-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px;transition:all .01s ease;width:250px}.project-link-title{background-color:initial;color:#000;color:var(--text-color);font-size:1.2rem;font-weight:500;margin:0 0 10px;text-align:center}.connect-four-game{margin-top:50px}.connect-four-column{display:inline-block}.connect-four-item{border-radius:50%;height:100px;width:100px}#adventureGame{background-color:dimgray;display:inline-block;width:100%}#console{height:40em;margin-left:8em;margin-top:2em;padding:1em;width:40%}#console,#consoleLog{background-color:#a9a9a9;float:left}#consoleLog{height:32em;overflow:auto;white-space:pre-wrap}#consolePrompt{background-color:#a9a9a9;height:2em;margin-left:-3px;width:100%}#world{float:right;margin-right:8em;margin-top:2em;width:40%}#location,#world{background-color:#a9a9a9;overflow:auto}#location{height:20em}#inventory{background-color:#a9a9a9;float:right;margin-right:8em;margin-top:2em;width:40%}#inventoryItems{background-color:#a9a9a9;height:15em;overflow:auto}.resume-container{background-color:#fef2f4;background-color:var(--background-color);border:2px solid #ffabab;border:2px solid var(--menu-color);border-radius:12px;box-sizing:border-box;margin:10px auto;max-width:1200px;min-height:calc(100vh - 60px);padding:20px;width:95%}.resume-header{border-bottom:2px solid #ffabab;border-bottom:2px solid var(--menu-color);margin-bottom:15px;padding-bottom:10px;text-align:center}.resume-name{font-size:1.8rem;font-weight:600;margin:0;text-align:center}.resume-name,.resume-name a{color:#d14d72;color:var(--select-color)}.resume-name a{text-decoration:none;transition:color .3s ease}.resume-name a:hover{color:#ffabab;color:var(--menu-color)}.resume-subtitle{font-size:1.2rem;margin:5px 0;text-align:center}.resume-contact{color:#000;color:var(--text-color);font-size:.9rem;margin:3px 0;text-align:center}.resume-contact a{color:#d14d72;color:var(--select-color);text-decoration:none;transition:color .3s ease}.resume-contact a:hover{color:#ffabab;color:var(--menu-color)}.resume-content{align-items:center;display:flex;gap:20px;margin-top:15px}.resume-left{flex:2 1}.resume-left,.resume-right{align-items:center;text-align:center}.resume-right{flex:1 1}.resume-title{color:#d14d72;color:var(--select-color);font-size:1.2rem;font-weight:600;margin:15px 0 8px;text-align:left}.resume-subtitle{font-size:1rem;font-weight:500;margin:6px 0 3px}.resume-item,.resume-subtitle{color:#000;color:var(--text-color);text-align:left}.resume-item{font-size:.9rem;line-height:1.3;margin:4px 0}@media (max-width:1024px){.image-track{gap:25px;width:92%}.project-link-container{max-width:280px;min-width:220px;width:30%}}@media (max-width:768px){.home-title-1,.home-title-2{font-size:12vw;margin:20px auto 10px;position:static;width:90%}.home-title-1{margin-top:60px}.home-text{font-size:1rem;line-height:1.5;padding:0 15px;width:85%}.home-image,.home-text{margin:30px auto;position:static}.home-image{display:block;max-width:300px;width:80%}.home-header-item{font-size:x-small;margin-left:10px;margin-right:10px}.page-header-item{font-size:x-small;margin-left:5px;margin-right:5px}.about-page{margin:20px auto}.about-page-items{padding:20px 15px;width:90%}.about-title{font-size:1.6rem}.about-contact-item,.about-text{font-size:1rem}.image-track{gap:0;justify-content:flex-start;margin:0;padding:0;width:100%}.image-track .page-header-item-link{display:block;width:50%}.project-link-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:0;max-width:none;min-width:0;min-width:auto;padding:20px 15px;width:100%}.project-link-title{font-size:1.1rem;margin-bottom:15px;text-align:center}.image{height:auto;max-width:200px;width:100%}.resume-content{flex-direction:column}.resume-container{margin:5px auto;padding:10px;width:98%}.resume-name{font-size:1.6rem}.resume-subtitle,.resume-title{font-size:1.1rem}}@media (max-width:480px){.home-title-1,.home-title-2{font-size:14vw;margin:15px auto 8px}.home-title-1{margin-top:40px}.home-text{font-size:.95rem;padding:0 10px;width:90%}.home-header-item,.page-header-item{font-size:xx-small;margin-left:3px;margin-right:3px}.home-header-item-text,.page-header-item-text{white-space:nowrap}.about-page-items{padding:15px 10px;width:95%}.about-title{font-size:1.4rem}.about-text{font-size:.95rem}.image-track{gap:0;justify-content:flex-start;margin:0;padding:0;width:100%}.image-track .page-header-item-link{display:block;width:100%}.project-link-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:0;max-width:none;min-width:0;min-width:auto;padding:25px 20px;width:100%}.project-link-title{font-size:1.15rem;margin-bottom:18px;text-align:center}.image{max-width:250px;width:100%}.resume-container{padding:8px;width:98%}.resume-name{font-size:1.4rem}.resume-subtitle,.resume-title{font-size:1rem}.resume-item{font-size:.85rem}}.dice-project{height:100vh;overflow:hidden;position:fixed;width:100%}.dice-window{background-color:#fcdbe1;height:auto;min-height:100vh;overflow-y:scroll;padding-bottom:20px;padding-left:50px;position:absolute;right:0;top:0;width:100%}.header-container{flex-shrink:0;margin:20px 20px 30px 100px;position:sticky;top:0}.dice-display-container{height:80%;overflow-y:scroll}.all-dice{display:flex;flex-wrap:wrap;gap:10px;grid-column:2}.dice-set-editor{grid-gap:30px;background-color:#fff5f7;display:grid;gap:30px;grid-template-columns:1fr 1fr;height:calc(100vh - 90px);overflow:hidden;padding:30px;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.dice-set-editor-left{display:flex;flex-direction:column;gap:15px;height:100%;overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.dice-set-editor-header{align-items:center;display:flex;flex-direction:row;gap:15px}.dice-action-button.back{color:#4a5568;font-size:24px;margin-left:15px;position:relative;z-index:1000}.dice-set-editor-title{background-color:#fff;border:none;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#2d3748;flex:1 1;font-size:24px;font-weight:700;margin:0;padding:15px;text-align:center}.dice-set-editor-dice{flex:1 1;flex-wrap:wrap;gap:20px;min-height:0;padding:25px}.dice-set-editor-dice,.dice-set-editor-right{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;display:flex;overflow-y:auto}.dice-set-editor-right{flex-direction:column;gap:12px;height:calc(100% - 30px);padding:15px;transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.dice-set-editor-section{padding:10px;transition:all .2s ease}.dice-set-editor-section:hover{box-shadow:0 4px 8px #0000001a}.dice-set-editor-section-title{color:#4a5568;font-size:16px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-align:center}.dice-set-editor-preview{border-radius:12px;min-height:100px;padding:15px;transition:all .2s ease}.dice-set-editor-options,.dice-set-editor-preview{align-items:center;background-color:initial;display:flex;justify-content:center}.dice-set-editor-options{border-radius:8px;flex-wrap:wrap;gap:10px;min-height:120px;padding:10px}.dice-set-editor-buttons{display:flex;flex-direction:column;gap:10px;margin-top:auto}.dice-set-editor-add-button,.dice-set-editor-cancel-button,.dice-set-editor-delete-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:1px;overflow:hidden;padding:10px 20px;position:relative;text-transform:uppercase;transition:all .2s ease;width:100%}.dice-set-editor-add-button{background-color:#48bb78;border:1px solid #48bb784d;box-shadow:0 2px 4px #48bb7833;color:#fff}.dice-set-editor-add-button:hover{background-color:#38a169;border-color:#48bb7880;box-shadow:0 4px 8px #48bb784d;transform:translateY(-1px)}.dice-set-editor-cancel-button{background-color:#718096;border:1px solid #7180964d;box-shadow:0 2px 4px #71809633;color:#fff}.dice-set-editor-cancel-button:hover{background-color:#4a5568;border-color:#71809680;box-shadow:0 4px 8px #7180964d;transform:translateY(-1px)}.dice-set-editor-delete-button{background-color:#f56565;border:1px solid #f565654d;box-shadow:0 2px 4px #f5656533;color:#fff}.dice-set-editor-delete-button:hover{background-color:#e53e3e;border-color:#f5656580;box-shadow:0 4px 8px #f565654d;transform:translateY(-1px)}.header-container{margin-left:50px;margin-top:50px;width:calc(100% - 120px)}.dice-header,.header-container{align-items:center;display:flex;gap:20px}.dice-header{flex-shrink:0;height:60px}.roll-button{background-color:#48bb78;border:none;border-radius:8px;box-shadow:0 2px 4px #48bb7833;color:#fff;cursor:pointer;font-size:18px;font-weight:600;height:72px;letter-spacing:1px;padding:0 28px;text-transform:uppercase;transition:all .2s ease;width:150px}.roll-button:hover{background-color:#38a169;box-shadow:0 4px 8px #48bb784d;transform:translateY(-1px)}.dice-button{background-color:#718096;border:none;border-radius:8px;box-shadow:0 2px 4px #71809633;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:72px;letter-spacing:1px;padding:0 28px;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.dice-button:hover{background-color:#4a5568;box-shadow:0 4px 8px #7180964d;transform:translateY(-1px)}.dice-action-button{align-items:center;background-color:#fde7eb;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.dice-action-button:hover{background-color:#fcdbe1;transform:translateY(-1px)}.dice-action-button svg{fill:#333;height:20px;width:20px}.dice-action-button.delete svg{fill:#dc3545}.dice-action-button.edit svg{fill:#28a745}.add-dice-set-button{background-color:#48bb78;border:none;border-radius:8px;box-shadow:0 2px 4px #48bb7833;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:1px;margin:20px;padding:14px 28px;text-transform:uppercase;transition:all .2s ease}.add-dice-set-button:hover{background-color:#38a169;box-shadow:0 4px 8px #48bb784d;transform:translateY(-1px)}.dice-changer{background-color:#61dafb;box-shadow:5px 5px 10px #000;display:grid;grid-template-columns:33% 34% 33%;grid-template-rows:25% 25% 25% 25%;height:85%;margin-left:5%;margin-top:5%;width:80%}.dice-holder{border:3px solid #0000;border-radius:25px;margin-left:3%;margin-top:1%;min-height:75px;overflow:auto;padding-bottom:3%;padding-left:3%;padding-right:3%;transition:border-color .2s ease;width:30%}.dice-holder.selected{border-color:#48bb78}.dice-holder-title{font-family:Helvetica;font-size:large;text-align:left}.dice-color-switch{align-items:center;float:left;height:70px;margin:10px;width:70px}.dice-color-input{background-color:initial;border:0;height:60px;margin:5px;width:60px}.dice-display-window{cursor:pointer;display:grid;grid-template-columns:150px 1fr;margin-left:50px;margin-right:20px;margin-top:30px;min-height:105px;padding-top:5px;transform-origin:center;transition:all .2s ease;width:fit-content}.dice-display-window:hover{box-shadow:0 8px 16px #0000001a;transform:scale(1.02);z-index:1}.dice-roll-info{gap:2px;grid-column:1}.dice-roll-info,.dice-total{align-items:center;display:flex;flex-direction:column}.dice-total{background-color:#fde7eb;cursor:pointer;height:90px;justify-content:space-between;margin:0;padding:0;position:relative;width:150px}.dice-total-title{font-family:Helvetica;font-size:4em;font-weight:700;line-height:1;margin:0 0 10px}.dice-total-subtitle{margin-bottom:2px}.dice-set-name,.dice-total-subtitle{color:#4a5568;font-family:Helvetica;font-size:12px;font-weight:500}.dice-set-name{margin-top:10px;position:static;text-align:center;width:100%}.die-container{float:left;font-family:Helvetica;font-size:3em;font-weight:700;height:90px;line-height:90px;margin-left:20px;margin-right:0;width:90px}.die-container-small{float:left;height:50px;line-height:50px;margin-left:3px;width:50px}.dice-10,.dice-12,.dice-20,.dice-4,.dice-6,.dice-8{box-shadow:0 2px 4px #0003;height:90px;width:90px}.dice-10.small,.dice-12.small,.dice-20.small,.dice-4.small,.dice-6.small,.dice-8.small{box-shadow:0 1px 3px #0003;height:50px;width:50px}.dice-4{clip-path:polygon(50% 0,0 100%,100% 100%);line-height:120px}.dice-6{border-radius:5%}.dice-8{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.dice-10{clip-path:polygon(50% 0,100% 40%,100% 65%,50% 100%,0 65%,0 40%)}.dice-12{clip-path:polygon(50% 0,80% 10%,100% 35%,100% 70%,80% 90%,50% 100%,20% 90%,0 70%,0 35%,20% 10%)}.dice-20{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.oldDice{filter:opacity(.4);transition:filter .2s ease}.dice-display-window:hover .oldDice{filter:opacity(.85)}.dice-set-preview{align-items:center;display:flex;transition:all .2s ease}.dice-set-preview:hover{box-shadow:0 4px 8px #fcdbe1;transform:translateY(-1px)}.dice-set-preview-title{display:none}.dice-set-preview-dice{align-items:center;background-color:#fde7eb;border-radius:6px;display:flex;flex-wrap:wrap;gap:5px;height:56px;justify-content:center;min-height:0;min-height:auto;padding:8px 15px}@media (max-width:600px){.dice-project{height:100vh;overflow-y:auto}.dice-window{box-sizing:border-box;display:flex;flex-direction:column;padding-left:5px;padding-right:5px;width:100%}.header-container{align-items:flex-start;flex-direction:column;gap:10px;margin:20px;position:fixed;top:20px;width:calc(100% - 40px)}.dice-header{flex-direction:column;justify-content:center;order:2;pointer-events:none;position:relative;width:100%}.dice-header button{pointer-events:auto}.dice-set-preview{flex-direction:column;gap:10px;order:1;width:100%}.dice-set-preview-title{display:none}.dice-set-preview-dice{gap:8px;height:fit-content;width:100%}.roll-button{font-size:18px;height:50px;width:100%}.dice-display-container{display:flex;flex-direction:column;gap:120px;overflow-y:scroll;padding:0 20px;position:fixed;top:240px}.dice-color-switch{align-items:center;float:left;height:70px;margin:5px;width:70px}.dice-color-input{background-color:initial;border:0;height:60px;margin:5px;width:60px}.dice-set-editor{gap:15px;grid-template-columns:1fr;min-height:auto;padding:10px}.dice-set-editor,.dice-set-editor-left{background-color:initial;box-shadow:none;height:auto}.dice-set-editor-left{width:100%}.dice-set-editor-dice{box-sizing:border-box;gap:5px;min-height:auto}.dice-set-editor-dice,.dice-set-editor-right{background-color:initial;box-shadow:none;padding:0;width:100%}.dice-set-editor-right{gap:0;height:auto;margin-top:0}.dice-set-editor-section{background-color:initial;border-radius:8px;box-shadow:none;box-sizing:border-box;gap:0;padding:5px;width:100%}.dice-set-editor-title{font-size:20px;padding:5px}.dice-set-editor-header{align-items:stretch;flex-direction:column;gap:10px;width:100%}.dice-action-button.back{border-radius:8px;font-size:20px;height:50px;margin-bottom:10px;margin-left:0;width:100%}.dice-set-editor-section-title{display:none}.dice-set-editor-preview{background-color:initial;display:none}.dice-set-editor-options,.dice-set-editor-preview{border-radius:0;box-sizing:border-box;min-height:auto;padding:10px;width:100%}.dice-set-editor-options{background-color:initial!important;box-shadow:none!important}.dice-set-editor-add-button,.dice-set-editor-cancel-button,.dice-set-editor-delete-button{font-size:12px;padding:8px 16px}.dice-display-window{gap:5px;grid-template-columns:1fr;height:fit-content;margin:0;padding-bottom:150px;position:relative}.dice-display-window,.dice-roll-info{align-items:center;display:flex;flex-direction:column;width:100%}.dice-roll-info{grid-column:1}.dice-total{align-items:center;display:flex;flex-direction:column;height:auto;width:100%}.dice-total-title{font-size:3em;line-height:1;margin:0}.dice-set-name,.dice-total-subtitle{margin:5px 0}.all-dice{display:flex;flex-wrap:wrap;height:fit-content;justify-content:center;width:100%}.die-container{font-size:2.5em;line-height:70px;margin:5px}.dice-10,.dice-12,.dice-20,.dice-4,.dice-6,.dice-8,.die-container{height:70px;width:70px}.dice-10.small,.dice-12.small,.dice-20.small,.dice-4.small,.dice-6.small,.dice-8.small{height:40px;line-height:40px;width:40px}.dice-4{line-height:90px}.dice-10,.dice-12,.dice-20,.dice-8{line-height:75px}.oldDice{opacity:.4}.dice-window>div{align-items:center;flex-direction:column}.dice-window>div,.dice-window>div>div:first-child,.dice-window>div>div:last-child{box-sizing:border-box;width:100%}.dice-action-button,.dice-window>div>div:last-child{display:flex;justify-content:center}.dice-action-button{align-items:center;border-radius:8px;height:40px;width:120px}.dice-action-button svg{height:20px;width:20px}.dice-holder.selected{border-color:#48bb78}.dice-set-editor-options .dice-changer .dice-holder.selected{border:3px solid #f56565}.die-container.editing,.die-container.selected{border:3px solid #f56565;border-radius:8px}}.die-container.editing,.die-container.selected{border:3px solid #f56565;border-radius:8px}.character-card-container{align-items:center;display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:1200px;padding:40px}.tab-container{display:flex;gap:10px;justify-content:center;margin-bottom:20px;width:100%}.tab-button{background-color:#f5f5f5;border:2px solid #000;border-radius:5px;color:#000;cursor:pointer;font-weight:700;min-width:100px;padding:10px 20px;transition:all .3s ease}.tab-button:hover{background-color:#e0e0e0}.tab-button.active{background-color:gold;border-color:#000;box-shadow:0 2px 4px #0003}.main-card-section{display:flex;gap:80px;margin:0 auto;max-width:1200px;width:100%}.main-content{display:flex;flex-direction:column;gap:20px}.main-content:not(.villain-layout .main-content):not(.environment-layout .main-content){align-items:flex-start;flex-direction:row}.main-content:not(.villain-layout .main-content):not(.environment-layout .main-content) .small-cards-container{margin-left:20px;margin-top:0}.main-card-section.villain-layout{align-items:flex-start;flex-direction:row}.main-card-section.villain-layout .main-content{align-items:flex-start;flex-direction:column}.left-sidebar{display:flex;flex-direction:column;gap:20px;width:200px}.main-character-card{align-items:center;border:2px solid #000;box-sizing:border-box;display:flex;flex-direction:column;height:400px;padding:20px;position:relative;width:300px}.character-name,.main-character-card{color:#000;text-shadow:1px 1px 2px #ffffffb3}.character-name{font-size:1.2em;font-weight:700;margin-bottom:10px;text-align:center}.character-select{background-color:#fffc;border:1px solid #000;font-size:1em;margin-bottom:10px;padding:5px}.character-image{border-radius:12px;box-shadow:0 2px 4px #0000001a;height:200px;overflow:hidden;position:relative;width:200px}.character-image img{height:100%;object-fit:cover;width:100%}.image-upload{background-color:#fffffff2;border-radius:8px;bottom:15px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:.9em;padding:8px 15px;position:absolute;right:15px;transition:background-color .3s}.image-upload:hover{background-color:#fff}.hp-tracker{color:#000;font-size:1.2em;font-weight:700;margin-top:10px;text-shadow:1px 1px 2px #ffffffb3}.hp-controls{display:flex;gap:15px;justify-content:center;margin-top:15px}.hp-controls button{cursor:pointer}.hp-controls button,.hp-star{background-color:#fffc;border:1px solid #000;font-size:1.2em;height:30px;margin:0 5px;width:30px}.hp-star{align-items:center;display:flex;justify-content:center}.delete-card{background-color:#fffc;border:1px solid #000;cursor:pointer;margin-top:10px;padding:5px 10px}.small-cards-container{grid-gap:10px 5px;display:grid;gap:10px 5px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin:0 auto;max-width:800px;width:100%}.villain-layout .small-cards-container{gap:10px 2px;max-width:1000px}.small-card{align-items:center;border:2px solid #0000;border-radius:15px;box-shadow:0 2px 4px #0003;display:flex;flex-direction:column;height:150px;justify-content:space-between;padding:10px;position:relative;transition:transform .2s ease;width:150px}.small-card:hover{transform:translateY(-2px)}.small-card.environment-card{align-items:center;background-color:#e8f5e9;border:2px solid #2e7d32;display:flex;flex-direction:column;height:140px;padding:10px;position:relative;width:180px}.small-card.environment-card .character-name{margin-bottom:5px;text-align:center;width:100%}.small-card.environment-card .keywords{background-color:#fff3;border:1px solid #0003;border-radius:5px;margin:0 0 80px;padding:5px;text-align:center;width:100%}.small-card.environment-card .hp-tracker{grid-gap:5px;align-items:center;bottom:10px;display:grid;gap:5px;grid-template-columns:30px 40px 30px;justify-content:center;margin:0;position:absolute;width:100%}.small-card.environment-card .hp-controls{display:contents}.small-card.environment-card .hp-controls button{align-items:center;display:flex;font-size:14px;height:25px;justify-content:center;margin:0;padding:0;width:25px}.small-card.environment-card .hp-controls button:first-child{grid-column:1}.small-card.environment-card .hp-controls button:last-child{grid-column:3}.small-card.environment-card .hp-star{grid-column:2;height:40px;margin:0;width:40px}.small-card .character-name{margin-bottom:5px;text-align:center;width:100%}.small-card .character-name p{font-size:14px;font-weight:700;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.small-card .keywords{background-color:#fff3;border:1px solid #0003;border-radius:5px;margin:5px 0;padding:5px;text-align:center;width:100%}.small-card .hp-tracker{flex-direction:column;gap:5px;width:100%}.small-card .hp-star,.small-card .hp-tracker{align-items:center;display:flex;position:relative}.small-card .hp-star{background-color:red;box-shadow:0 0 2px #000c;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);color:#fff;font-size:18px;font-weight:700;height:40px;justify-content:center;text-shadow:1px 1px 2px #00000080;width:40px}.small-card .hp-controls{display:flex;gap:5px;margin-top:10px}.small-card .hp-controls button{align-items:center;background-color:#fff3;border:2px solid #0003;border-radius:50%;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:30px;justify-content:center;transition:all .2s ease;width:30px}.small-card .hp-controls button:hover{transform:scale(1.1)}.small-card .delete-card{background-color:#f003;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:5px;transition:all .2s ease;width:100%}.small-card .delete-card:hover{background-color:#ff00004d}.add-card-section{align-items:center;background-color:#f5f5f5;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px;width:100%}.add-card-button{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1em;padding:12px 25px;transition:all .3s}.add-card-button:hover{background-color:#45a049;transform:translateY(-2px)}.add-card-section input[type=text]{text-align:left;width:100px}.add-card-section input[type=number]{text-align:center;width:50px}.add-card-section>div{align-items:center;display:flex;gap:10px}.add-card-section span{color:#333;font-weight:500}.chevron-container{display:flex;flex-direction:column;gap:10px;position:absolute}.chevron-container.blue-red{right:-40px;top:0}.chevron-container.green-orange{left:-40px;top:0}.chevron{background-color:#006400;cursor:pointer;height:80px;position:relative;width:80px}.chevron,.chevron:before{clip-path:polygon(100% 33%,100% 100%,50% 70%,0 100%,0 33%,50% 0);z-index:1000}.chevron:before{background-color:#90ee90;content:"";height:72px;left:4px;position:absolute;top:4px;width:72px}.octagon{align-items:center;cursor:grab;display:flex;height:80px;justify-content:center;position:relative;width:80px}.octagon,.octagon:before{background:#fff;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);z-index:1000}.octagon:before{content:"";height:75px;left:2.5px;position:absolute;top:2.5px;width:75px}.lock-icon{background:#2196f3;clip-path:polygon(30% 0,70% 0,70% 20%,80% 20%,80% 30%,70% 30%,70% 50%,30% 50%,30% 30%,20% 30%,20% 20%,30% 20%)}.fist-icon,.lock-icon{height:40px;position:relative;width:40px;z-index:1000}.fist-icon{background:#e1bee7;clip-path:polygon(40% 0,60% 0,60% 20%,80% 20%,80% 40%,60% 40%,60% 60%,80% 60%,80% 80%,60% 80%,60% 100%,40% 100%,40% 80%,20% 80%,20% 60%,40% 60%,40% 40%,20% 40%,20% 20%,40% 20%)}.chevron-button{border:none;border-radius:50%;cursor:pointer;height:30px;margin-bottom:10px;transition:transform .2s;width:30px}.chevron-button:hover{transform:scale(1.1)}.chevron-button.green{background-color:#90ee90}.chevron-button.red{background-color:#ffb6c1}.chevron-button.blue{background-color:#add8e6}.chevron-button.orange{background-color:orange}@media (max-width:600px){.character-card-container{padding:20px}.main-card-section{align-items:center;flex-direction:column;gap:20px}.small-cards-container{grid-template-columns:1fr;width:100%}.add-card-section{gap:15px;padding:15px}}.chevron-bank{grid-gap:20px;background-color:#f5f5f5;border-radius:15px;box-shadow:0 4px 8px #0000001a;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);padding:20px;position:relative;width:100%}.chevron-bank .scale-toggle{background-color:#f5f5f5;border:1px solid #ddd;border-radius:5px;cursor:pointer;font-size:12px;left:50%;padding:5px 10px;position:absolute;top:-30px;transform:translateX(-50%);transition:all .3s ease}.chevron-bank .scale-toggle:hover{background-color:#e5e5e5}.chevron-bank .scale-toggle.active{background-color:#4caf50;border-color:#4caf50;color:#fff}.chevron-bank.scaled .chevron{height:50px;margin:0 auto;width:50px}.chevron-bank.scaled .chevron.blue:before,.chevron-bank.scaled .chevron.orange:before,.chevron-bank.scaled .chevron.red:before,.chevron-bank.scaled .chevron:before{height:47px;left:1.5px;top:1.5px;width:47px}.chevron.scaled{height:50px;width:50px}.chevron.scaled.blue:before,.chevron.scaled.orange:before,.chevron.scaled.red:before,.chevron.scaled:before{height:47px;left:1.5px;top:1.5px;width:47px}.chevron.dragging{cursor:grabbing;opacity:.5}.chevron-bank .chevron{cursor:grab}.chevron-bank .chevron:active{cursor:grabbing}.octagon.purple{background:#9c27b0}.octagon.scaled{height:50px;width:50px}.octagon.purple:before{background:#7b1fa2}.octagon.scaled:before{height:47px;left:1.5px;top:1.5px;width:47px}.lock-icon:before{background:#2196f3;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,10% 10%,90% 10%,90% 90%,10% 90%);height:30px;left:10px;width:30px}.fist-icon:before,.lock-icon:before{bottom:5px;content:"";position:absolute}.fist-icon:before{background:#e1bee7;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,20% 20%,80% 20%,80% 80%,20% 80%);height:20px;right:5px;width:20px}.octagon.scaled .lock-icon{height:25px;width:25px}.octagon.scaled .lock-icon:before{bottom:2px;height:15px;left:5px;width:15px}.octagon.scaled .fist-icon{height:25px;width:25px}.octagon.scaled .fist-icon:before{bottom:2px;height:10px;right:2px;width:10px}.chevron.red{background-color:#8b0000}.chevron.red,.chevron.red:before{clip-path:polygon(100% 67%,100% 0,50% 30%,0 0,0 67%,50% 100%);z-index:1000}.chevron.red:before{background-color:grey;top:6px}.chevron.blue{background-color:#00008b}.chevron.blue,.chevron.blue:before{clip-path:polygon(100% 67%,100% 0,50% 30%,0 0,0 67%,50% 100%);z-index:1000}.chevron.blue:before{background-color:#add8e6;top:6px}.chevron.orange{background-color:#000;z-index:1000}.chevron.orange:before{background-color:orange;clip-path:polygon(100% 33%,100% 100%,50% 70%,0 100%,0 33%,50% 0);z-index:1000}.small-card.villain-card{background-color:#f5f5f5!important;border:2px solid #8b0000!important}.main-content.villain-layout{align-items:flex-start;flex-direction:column}.villain-cards-container{display:flex;gap:20px}.main-character-card.villain-card{background-color:#f5f5f5!important;border:2px solid #8b0000!important;height:300px;margin:0;width:500px}.main-card-section.environment-layout .small-cards-container{gap:20px 40px;max-width:1100px}.photo-wall-container{height:calc(100vh - 60px);margin:0;overflow:hidden}.photo-wall-container,.toolbar{display:flex;gap:10px;padding:10px}.toolbar{background-color:#f5f5f5;border-radius:8px;flex-direction:column;max-height:calc(100vh - 40px);overflow-y:auto;width:200px}.toolbar-section{display:flex;flex-direction:column;gap:10px}.toolbar-section h3{border-bottom:1px solid #ddd;margin:0;padding-bottom:10px}.input-group{display:flex;flex-direction:column;gap:5px}.input-group label{color:#666;font-size:14px}.input-group input{border:1px solid #ddd;border-radius:4px;padding:8px}button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px;transition:background-color .3s}button:hover{background-color:#45a049}.wall-container{align-items:center;border-radius:8px;display:flex;flex:1 1;justify-content:center;max-height:calc(100vh - 40px);overflow:hidden;padding:10px}.wall,.wall-container{background-color:#f0f0f0;position:relative}.wall{background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #ccc;box-shadow:0 2px 4px #0000001a;height:100%;margin:0 auto;max-height:calc(100vh - 60px);width:100%}.wall-element{background-color:#fff;box-shadow:0 6px 12px #0000004d;cursor:grab;overflow:hidden;position:absolute;transform:none;transition:box-shadow .2s ease;-webkit-user-select:none;user-select:none}.wall-element:hover{box-shadow:0 8px 16px #0006}.wall-element.dragging{box-shadow:0 12px 24px #00000080;cursor:grabbing}.wall-element img{display:block;height:100%;object-fit:fill;pointer-events:none;width:100%}.element-preview{align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:center;margin-bottom:20px;min-height:100px;overflow:hidden;padding:10px}.element-preview img{display:block;height:100%;max-height:150px;object-fit:fill;width:100%}.ruler{pointer-events:none;position:fixed;z-index:1000}.ruler-line{background-color:#ff000080;position:fixed}.ruler-line.horizontal{height:2px;transform:translateY(-50%)}.ruler-line.vertical{transform:translateX(-50%);width:2px}.ruler-label{background-color:#fffc;border-radius:3px;color:red;font-size:12px;padding:2px 5px;pointer-events:none;position:fixed;white-space:nowrap}.ruler-label.left{transform:translateX(-100%)}.ruler-label.right{transform:translateX(0)}.ruler-label.top{transform:translateY(-100%)}.ruler-label.bottom{transform:translateY(0)}.computer-builder{background-color:#f5f5f5;box-sizing:border-box;min-height:95vh}.computer-builder,.computer-showcase{display:flex;flex-direction:column;overflow:hidden}.computer-showcase{background-color:#fff;box-shadow:0 2px 4px #0000001a;height:95vh;margin:0 20%;position:relative;z-index:2}.builder-content{display:flex;flex:1 1;gap:20px;overflow:hidden;padding:20px}.main-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;flex:1 1;max-height:calc(95vh - 40px);overflow:auto;padding:20px}.main-content h1{color:#212529;margin-bottom:20px}.specs-grid{display:flex;flex-direction:column;gap:20px}.spec-category,.specs-grid{box-sizing:border-box;width:100%}.spec-category{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:15px}.spec-category h3{color:#212529;font-size:1.2rem;margin:0 0 15px}.options-container{flex-direction:row;flex-wrap:wrap;gap:15px;padding:10px;width:100%}.option-button,.options-container{box-sizing:border-box;display:flex}.option-button{align-items:flex-start;background-color:#fff;border:1px solid #dee2e6;border-radius:4px;color:#212529;cursor:pointer;justify-content:space-between;min-height:120px;padding:15px;text-align:left;transition:all .2s ease;width:calc(25% - 11.25px)}.option-button:hover{border-color:#007bff}.option-button.selected{background-color:#e7f1ff;border-color:#007bff;color:#007bff}.option-button.selected .option-name,.option-button.selected .price-difference{color:#007bff}.option-content{display:flex;flex:1 1;flex-direction:column;gap:6px;margin-right:8px}.option-name{color:#212529;font-size:1rem;font-weight:700}.option-description{color:#6c757d;font-size:.85rem;line-height:1.3}.option-price{align-self:flex-start;color:#212529;font-weight:700;margin-left:10px;white-space:nowrap}.option-price.positive{color:#28a745}.option-price.negative{color:#dc3545}.summary-panel{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;height:calc(95vh - 40px);overflow-y:auto;padding:15px;position:sticky;top:20px;width:400px}.summary-panel h2{color:#212529;font-size:1.2rem;margin-bottom:15px}.specs-summary{margin:15px 0}.spec-summary-item{align-items:center;border-bottom:1px solid #dee2e6;display:flex;min-height:32px;padding:6px 0}.spec-summary-item .spec-category{color:#495057;flex-shrink:0;font-size:.85rem;font-weight:700;width:120px}.spec-summary-item .spec-value{align-items:center;color:#212529;display:flex;flex:1 1;font-size:.9rem;justify-content:space-between;margin-left:10px;min-width:150px}.spec-summary-item .price-difference{align-self:center;flex-shrink:0;font-size:.9rem;margin-left:10px;text-align:right;width:60px}.total-price{align-items:center;background-color:#f8f9fa;border-radius:4px;color:#212529;display:flex;font-size:1.1rem;font-weight:700;justify-content:space-between;margin:12px 0;padding:10px}.price{color:#28a745;font-size:1.1rem;min-width:80px;text-align:right}.reset-button{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px;transition:background-color .2s ease;width:100%}.reset-button:hover{background-color:#5a6268}@media (max-width:1600px){.option-button{width:calc(33.333% - 10px)}}@media (max-width:1200px){.option-button{width:calc(50% - 10px)}}@media (max-width:900px){.computer-builder{flex-direction:column}.summary-panel{max-height:none;position:static;width:100%}.option-button{width:calc(50% - 10px)}}@media (max-width:768px){.option-button{width:100%}}.showcase-header{border-bottom:1px solid #dee2e6;flex-shrink:0;padding:20px}.showcase-header h1{color:#212529;font-size:1.8rem;margin:0}.showcase-content{display:flex;flex:1 1;gap:20px;overflow:hidden;padding:20px}.showcase-images{display:flex;flex:2 1;flex-direction:column;gap:15px;overflow:hidden}.main-image{align-items:center;background-color:#f8f9fa;border-radius:4px;box-shadow:0 2px 4px #0000001a;display:flex;flex:1 1;justify-content:center;overflow:hidden}.main-image img{height:100%;object-fit:contain;width:100%}.thumbnail-container{display:flex;gap:10px;height:100px;overflow-x:auto;padding-bottom:10px}.thumbnail{border:2px solid #0000;border-radius:4px;cursor:pointer;flex:0 0 120px;height:80px;overflow:hidden;transition:all .2s ease}.thumbnail.selected,.thumbnail:hover{border-color:#007bff}.thumbnail img{height:100%;object-fit:cover;width:100%}.showcase-details{display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding-right:10px}.features-list{list-style:none;margin:0;padding:0}.features-list li{border-bottom:1px solid #dee2e6;color:#495057;font-size:.95rem;padding:8px 0}.showcase-price{color:#28a745;font-size:1.5rem;font-weight:700;margin:10px 0}.delivery-estimate{color:#6c757d;font-size:.9rem;margin-bottom:15px}.add-to-cart-button{background-color:#007bff;border:none;color:#fff;font-size:1rem;font-weight:700;padding:12px 20px;transition:background-color .2s ease}.add-to-cart-button:hover{background-color:#0056b3}.restaurant-menu{box-sizing:border-box;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:95vh;margin:0 auto;max-width:1200px;min-width:1100px;overflow-x:auto;padding:20px}.menu-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:20px}.menu-header h1{color:#2c3e50;font-family:Playfair Display,serif;font-size:3.5rem;font-style:italic;font-weight:600;letter-spacing:1px;margin:0;padding-bottom:10px;position:relative;text-shadow:2px 2px 4px #0000001a}.menu-header h1:after{background:linear-gradient(90deg,#0000,#2c3e50,#0000);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.cart-button{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#000;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.cart-button:hover{background-color:#f5f5f5}.menu-container{display:flex;flex:1 1;gap:20px;overflow:hidden}.category-nav-sidebar{align-self:flex-start;background-color:#f8f8f8;border-radius:8px;flex-shrink:0;height:fit-content;padding:20px;position:sticky;top:20px;width:200px}.category-nav-sidebar h3{border-bottom:2px solid #eee;color:#333;font-family:Playfair Display,serif;font-size:1.5rem;margin:0 0 15px;padding-bottom:10px}.category-nav-button{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:block;font-size:1rem;margin-bottom:8px;padding:10px;text-align:left;transition:all .2s;width:100%}.category-nav-button:hover{background-color:#f5f5f5;color:#333}.category-nav-button.active{background-color:#f0f0f0;border-left:3px solid #2c3e50;color:#2c3e50;font-weight:500}.menu-content{flex:1 1;height:calc(95vh - 100px);max-width:calc(100% - 220px);overflow-y:auto;padding-right:20px}.category-title{border-bottom:2px solid #eee;color:#333;font-family:Playfair Display,serif;font-size:2.5rem;letter-spacing:1px;margin:0;padding-bottom:15px}.items-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);padding:20px 0}.menu-item{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:300px;overflow:hidden;transition:transform .2s;width:100%}.item-image{height:200px;object-fit:cover;width:100%}.item-info{padding:15px}.item-info h3{color:#333;margin:0 0 10px}.item-description{color:#666;font-size:.9rem;margin-bottom:10px}.item-price{color:#28a745;font-weight:700;margin-bottom:15px}.item-actions{display:flex;flex-direction:column;gap:10px;margin-top:15px}.add-to-cart-button{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#000;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.add-to-cart-button:hover{background-color:#f5f5f5}.info-customize-row{gap:20px;margin-top:10px}.info-button,.info-customize-row{display:flex;justify-content:center}.info-button{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:50%;color:#000;cursor:pointer;font-weight:700;height:30px;transition:all .2s;width:30px}.info-button:hover{background-color:#f5f5f5}.customize-button{background:none;border:none;color:#666;cursor:pointer;font-size:.9rem;padding:0;text-decoration:none;transition:all .2s}.customize-button:hover{background-color:#f5f5f5;color:#333;text-decoration:underline}.ingredients-list{background-color:#f8f9fa;border-radius:4px;margin-top:15px;padding:10px}.ingredients-list h4{color:#333;display:none;margin:0 0 10px}.ingredients-list ul{color:#666;margin:0;padding-left:20px}.customization-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;left:50%;max-width:500px;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.customization-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.customization-header h2{color:#333;font-size:1.5rem;margin:0}.close-customization{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;padding:5px 10px;transition:color .2s}.close-customization:hover{color:#333}.customization-options{display:flex;flex-direction:column;gap:20px}.customization-group{display:flex;flex-direction:column;gap:10px}.customization-group h3{color:#333;font-size:1.1rem;margin:0}.customization-group select{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:8px}.customization-group label{align-items:center;cursor:pointer;display:flex;gap:8px}.customization-group textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;min-height:100px;padding:8px;resize:vertical;width:100%}.customization-footer{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;margin-top:20px;padding-top:20px}.customized-price{color:#333;font-size:1.2rem;font-weight:700}.add-customized-button{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#000;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.add-customized-button:hover{background-color:#f5f5f5}.cart-item{border-bottom:1px solid #dee2e6;display:flex;flex-direction:column;gap:10px;padding:15px}.cart-item-info{align-items:center;display:flex;gap:20px;justify-content:space-between;width:100%}.cart-item-info h4{color:#333;flex:1 1;font-size:1.1rem;margin:0}.cart-item-customizations{background-color:#f8f8f8;border-radius:4px;color:#333;display:flex;flex-wrap:wrap;font-size:.9rem;gap:8px;line-height:1.4;list-style-type:none;margin:0;padding:8px;width:100%}.cart-item-customizations li{background-color:#fff;border:1px solid #eee;border-radius:4px;display:inline-block;padding:2px 8px}.cart-item-actions{align-items:center;display:flex;justify-content:space-between;width:100%}.cart-item-quantity{gap:10px;margin:0;min-width:100px}.cart-item-quantity,.cart-item-quantity button{align-items:center;display:flex;justify-content:center}.cart-item-quantity button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#000;cursor:pointer;font-size:16px;font-weight:700;height:30px;transition:background-color .2s;width:30px}.cart-item-quantity button:hover{background-color:#e0e0e0}.cart-item-quantity span{font-weight:700;margin:0 10px;min-width:20px;text-align:center}.cart-item-price{color:#333;font-weight:700;min-width:80px;text-align:right}.cart-drawer{background-color:#fff;box-shadow:-2px 0 5px #0000001a;display:flex;flex-direction:column;height:95vh;max-width:400px;padding:20px;position:fixed;right:0;top:0;width:100%;z-index:1000}.cart-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.cart-header h2{color:#333;font-size:1.5rem;margin:0}.close-cart-button{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;padding:5px 10px;transition:color .2s}.close-cart-button:hover{color:#333}.cart-items{flex:1 1;overflow-y:auto}.cart-footer{border-top:1px solid #dee2e6;margin-top:20px;padding-top:20px}.cart-total{font-size:1.2rem;font-weight:700;margin-bottom:15px}.checkout-button{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#000;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s;width:100%}.checkout-button:hover{background-color:#f5f5f5}@media (max-width:1200px){.items-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.items-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.restaurant-menu{height:auto;min-width:0;width:100%}.menu-container{flex-direction:column}.category-nav-sidebar{margin-bottom:20px;position:static;width:100%}.menu-content{height:auto;max-width:100%;overflow-y:visible;padding-right:0}.items-grid{grid-template-columns:1fr}}@media (max-width:600px){.menu-item{width:250px}.cart-drawer{max-width:none;width:100%}}
/*# sourceMappingURL=main.0c80f6b6.css.map*/