@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";*{box-sizing:border-box}body{margin:0;font-family:system-ui,Arial,sans-serif;background-color:#1a1a1a;color:#fff}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}.app{height:100vh;background:#1a1a1a;color:#d4d4d4;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:.75rem;font-family:Inter,sans-serif;gap:.5rem;overflow:hidden;position:relative}.loading{font-size:1.5rem;font-weight:600;color:#b8b8b8}.loading.error{color:#a85a4a}.hand-selector{background:#242424;border:1px solid #3d3d3d;border-radius:6px;padding:.75rem 1.25rem;display:flex;align-items:center;gap:1.25rem;box-shadow:0 2px 8px #00000080;flex-shrink:0;z-index:200}.hand-selector h2{font-size:.95rem;font-weight:600;color:#ececec;letter-spacing:.3px}.hand-buttons-wrapper{display:flex;align-items:center;gap:.25rem}.hand-buttons-viewport{--hand-btn-width: 82px;overflow:hidden;width:calc(3 * var(--hand-btn-width) + 2 * .4rem)}.hand-buttons{display:flex;gap:.4rem;transition:transform .25s cubic-bezier(.4,0,.2,1);will-change:transform}.hand-btn{padding:.4rem 0;width:var(--hand-btn-width, 82px);flex-shrink:0;background:#323232;border:1px solid #4d4d4d;border-radius:4px;color:#a8a8a8;font-family:Inter,sans-serif;font-weight:500;font-size:.85rem;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease;white-space:nowrap;text-align:center}.hand-btn:hover{background:#454545;border-color:#5d5d5d;transform:translateY(-1px)}.hand-btn.active{background:#4d4d4d;border-color:#7a7a7a;color:#f0f0f0;font-weight:600}.scroll-arrow-btn{width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;background:#323232;border:1px solid #4d4d4d;border-radius:4px;color:#b8b8b8;font-size:1.1rem;line-height:1;cursor:pointer;font-family:Inter,sans-serif;transition:all .2s ease;flex-shrink:0;-webkit-user-select:none;user-select:none}.scroll-arrow-btn:hover{background:#4d4d4d;border-color:#6d6d6d;color:#f0f0f0;transform:translateY(-1px)}.scroll-arrow-btn.hidden{visibility:hidden;pointer-events:none}.reset-btn{padding:.4rem 1rem;background:#472929;border:1px solid #5d5d5d;border-radius:4px;color:#ebebeb;font-family:Inter,sans-serif;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .2s ease}.reset-btn:hover{background:#545454;border-color:#6d6d6d;transform:translateY(-1px)}.card-style-toggle{display:flex;align-items:center;gap:.4rem;border-left:1px solid #3d3d3d;padding-left:1.25rem}.toggle-label{font-size:.85rem;color:#a8a8a8;font-weight:500;white-space:nowrap}.toggle-btn{padding:.4rem .85rem;background:#323232;border:1px solid #4d4d4d;border-radius:4px;color:#a8a8a8;font-family:Inter,sans-serif;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .2s ease}.toggle-btn:hover{background:#454545;border-color:#5d5d5d}.toggle-btn.active{background:#4d4d4d;border-color:#7a7a7a;color:#f0f0f0;font-weight:600}.hand-title{font-size:1.2rem;font-weight:600;color:#e6e6e6;letter-spacing:.4px;text-align:center;z-index:200;flex-shrink:0;margin:3rem 0 .5rem}.table-container{position:relative;width:100%;max-width:1012.5px;flex:1;min-height:0;pointer-events:none}.table-container>*{pointer-events:auto}.table{position:relative;width:100%;max-width:1012.5px;height:100%;max-height:540px;aspect-ratio:2 / 1;background:radial-gradient(ellipse at 50% 40%,#1d5a35,#164d2a 45%,#102d1a);border-radius:9999px;border:none;background-clip:unset;box-shadow:inset 0 0 30px #0003,inset 0 0 10px #00000026,0 6px 20px #0006}.table:before{content:"";position:absolute;inset:0;border-radius:9999px;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.04) 3px,rgba(0,0,0,.04) 4px),repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(0,0,0,.04) 3px,rgba(0,0,0,.04) 4px);pointer-events:none}.table:after{content:"";position:absolute;inset:0;border-radius:9999px;box-shadow:inset 0 0 0 2px #ffffff14,inset 0 0 0 4px #0000004d;pointer-events:none}.position{position:absolute;background:#242424;border:1px solid #3d3d3d;border-radius:5px;padding:.5rem .75rem;text-align:center;min-width:75px;box-shadow:0 2px 6px #00000080;transition:background .3s ease,border-color .3s ease,opacity .3s ease;overflow:visible}.position.active{border-color:#4d4d4d;background:#323232}.position.hero{border:2px solid #6d6d6d;background:#323232}.position.hero .position-label{color:#d4d4d4}.position.folded{opacity:.5;border-color:#252525}.folded-text{font-size:.7rem;color:#9a9a9a;font-style:italic;margin-top:.35rem;font-weight:600}.position-label{font-size:.75rem;font-weight:600;margin-bottom:.3rem;letter-spacing:.5px;color:#b8b8b8}.stack{font-size:.85rem;font-weight:600;color:#699b52}.seat0{top:8%;left:16%}.seat1{top:6%;left:calc(50% - 45px)}.seat2{top:8%;right:16%}.seat3{top:calc(50% - 50px);right:3%}.seat4{bottom:8%;right:16%}.seat5{bottom:2.5%;left:calc(50% - 70px);min-width:140px;z-index:10}.seat6{bottom:8%;left:16%}.seat7{top:calc(50% - 50px);left:3%}.center{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);text-align:center}.pot{font-size:1.1rem;font-weight:700;margin-bottom:.75rem;color:#b8b8b8;letter-spacing:.5px}.board{display:flex;gap:.5rem;justify-content:center}.card{background:#f5f0e8;padding:1.4rem 0;border-radius:4px;--card-w: 65px;width:var(--card-w);font-size:calc(var(--card-w) * .44);font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #0006;border:1px solid #d4c8b8;font-family:Inter,sans-serif;transition:transform .3s ease;color:#fff}.card.diamond{background:#007dd1;border-color:#006bb8}.card.heart{background:#d33b3b;border-color:#b33}.card.spade{background:#303030;border-color:#1a1a1a}.card.club{background:#218549;border-color:#1a6e3c}.card-inverted.card{background:#f5f0e8;border-color:#e8e0d0}.card-inverted.card.diamond{color:#007dd1}.card-inverted.card.heart{color:#d33b3b}.card-inverted.card.spade{color:#2d2d2d}.card-inverted.card.club{color:#218549}.card.flop{animation:dealCard .4s cubic-bezier(.4,0,.2,1) backwards}.card.turn{animation:dealCard .4s cubic-bezier(.4,0,.2,1) .1s backwards}.card.river{animation:dealCard .4s cubic-bezier(.4,0,.2,1) .2s backwards}@keyframes dealCard{0%{transform:translateY(-20px) rotateX(90deg);opacity:0}to{transform:translateY(0) rotateX(0);opacity:1}}.hole-cards{display:flex;gap:.3rem}.holecard{--card-w: 59px;width:var(--card-w);font-size:calc(var(--card-w) * .44);animation:dealHoleCard .5s cubic-bezier(.4,0,.2,1) backwards}@keyframes dealHoleCard{0%{transform:scale(.8) rotateY(180deg);opacity:0}to{transform:scale(1) rotateY(0);opacity:1}}.opponent-cards{display:flex;gap:.3rem;margin-top:.5rem;justify-content:center}.card-back{background:#424242;width:20px;height:28px;border-radius:3px;border:1px solid #3d3d3d;box-shadow:0 2px 5px #0006}.player-area{position:absolute;bottom:12%;left:50%;transform:translate(-50%);z-index:5}.action-text{position:absolute;background:#242424;color:#b8b8b8;padding:.35rem .85rem;border-radius:4px;font-size:.8rem;font-weight:600;box-shadow:0 2px 6px #00000080;border:1px solid #3d3d3d;white-space:nowrap;z-index:200}.seat0 .action-text,.seat1 .action-text,.seat2 .action-text{top:100%;left:50%;transform:translate(-50%);margin-top:8px;animation:actionAppearDown .3s ease}.seat3 .action-text{top:50%;right:100%;transform:translateY(-50%);margin-right:8px;animation:actionAppearLeft .3s ease}.seat4 .action-text,.seat6 .action-text{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;animation:actionAppearUp .3s ease}.seat5 .action-text{bottom:100%;left:135%;transform:translate(-50%);margin-bottom:8px;animation:actionAppearUp .3s ease}.seat7 .action-text{top:50%;left:100%;transform:translateY(-50%);margin-left:8px;animation:actionAppearRight .3s ease}@keyframes actionAppearDown{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes actionAppearUp{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes actionAppearLeft{0%{opacity:0;transform:translateY(-50%) translate(4px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes actionAppearRight{0%{opacity:0;transform:translateY(-50%) translate(-4px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.hand-complete{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);width:calc(100% - 1.5rem);max-width:900px;background:#242424;border:1px solid #4d4d4d;border-radius:6px;padding:1.25rem;text-align:center;box-shadow:0 4px 16px #0009;animation:resultsAppear .3s ease;flex-shrink:0;z-index:200}.hand-complete h2{font-size:1.5rem;font-weight:700;color:#699b52;margin-bottom:.75rem}.hand-complete p{font-size:1.05rem;color:#b8b8b8;margin-bottom:1rem}.actions{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);width:calc(100% - 1.5rem);max-width:900px;background:#242424;border:1px solid #3d3d3d;border-radius:6px;padding:1.25rem;box-shadow:0 4px 16px #0009;flex-shrink:0;z-index:200}.action-prompt{text-align:center;font-size:1.05rem;font-weight:600;color:#b8b8b8;margin-bottom:1rem;letter-spacing:.3px}.action-buttons{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.action-btn{flex:1;max-width:150px;min-width:120px;padding:.9rem 1.25rem;font-size:.95rem;font-weight:600;border:1px solid transparent;border-radius:5px;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;letter-spacing:.3px;color:#fff}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 3px 10px #0006;filter:brightness(1.1)}.action-btn.check,.action-btn.call{background:#59b861;border-color:#4d6a4d}.action-btn.betxsmall,.action-btn.raisexsmall{background:#e64b4b;border-color:#7b2a2a}.action-btn.betsmall{background:#d63434;border-color:#6a5540}.action-btn.betmedium,.action-btn.raisesmall{background:#bd2020;border-color:#984a32}.action-btn.betbig,.action-btn.raisebig{background:#991212;border-color:#7b2a2a}.action-btn.betxlarge,.action-btn.raisexlarge,.action-btn.allin{background:#500505;border-color:#500505}.action-btn.fold{background:#2998ff;border-color:#3a3a3a}.gto-results{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);width:calc(100% - 1.5rem);max-width:900px;background:#242424;border-radius:6px;padding:1.5rem;box-shadow:0 4px 16px #0009;animation:resultsAppear .3s ease;flex-shrink:0;z-index:200}.gto-results.correct{border:2px solid #8ed16e}.gto-results.incorrect{border:2px solid #a33716e5}@keyframes resultsAppear{0%{opacity:0}to{opacity:1}}.gto-results-inner{position:relative}.feedback-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.25rem;padding-right:3rem}.feedback-header h3{font-size:1.15rem;font-weight:600;color:#f3f3f3}.feedback-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;flex-shrink:0}.feedback-icon.correct{background:#7bbe5b;color:#e8f5e8}.feedback-icon.incorrect{background:#df3e0de5;color:#f0f0f0}.gto-frequencies h4{font-size:.95rem;font-weight:600;color:#ececec;margin-bottom:.85rem}.freq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1.25rem}.freq-item{background:#323232;border:1px solid #3d3d3d;border-radius:5px;padding:.75rem 1.25rem;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.freq-item span{color:#f5f5f5;font-weight:500;font-size:.9rem}.freq-item strong{color:#d4d4d4;font-weight:700;font-size:1rem}.freq-item.selected{background:#4d4d4d;border-color:#6d6d6d}.freq-item.selected span,.freq-item.selected strong{color:#e8e8e8}.continue-btn{width:100%;padding:.85rem 1.75rem;font-size:1rem;font-weight:600;background:#6daa51;color:#fff;border:.5px solid #6a8060;border-radius:5px;cursor:pointer;font-family:Inter,sans-serif;letter-spacing:.3px;transition:all .2s ease}.continue-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 3px 10px #0006;filter:brightness(1.1)}.continue-btn:disabled{opacity:.6;cursor:not-allowed}.end-hand-buttons{display:flex;gap:1rem;width:100%}.end-hand-buttons .continue-btn{flex:1}.info-icon-btn{position:absolute;top:0;right:0;width:42px;height:42px;border-radius:50%;border:1.5px solid #6a6a6a;background:#282828;color:#c8c8c8;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:Georgia,Times New Roman,serif;font-weight:700;font-size:1.65rem;transition:all .2s ease;z-index:10;flex-shrink:0}.info-icon-btn span{display:block;margin-top:2px}.info-icon-btn:hover{background:#383838;border-color:#b0b0b0;color:#f0f0f0;transform:scale(1.08)}.info-popout{position:absolute;top:0;bottom:0;left:calc(100% + .75rem);width:340px;background:#222;border:1px solid #4a4a4a;border-left:3px solid #b0b0b0;border-radius:6px;padding:1.25rem 1.1rem;box-shadow:0 4px 20px #0009;animation:infoSlideIn .2s cubic-bezier(.4,0,.2,1);z-index:300;overflow-y:auto;display:flex;align-items:flex-start}.info-popout p{color:#c8c8c8;font-size:.875rem;line-height:1.65;margin:0;white-space:pre-line}@keyframes infoSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes infoSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.table-container{max-width:750px}.table{max-height:400px}}@media(max-width:950px){.table-container{max-width:650px}.table{max-height:350px}.hand-selector{flex-wrap:wrap;justify-content:center}.action-btn{min-width:100px}}@media(max-height:800px){.app{padding:.5rem;gap:.4rem}.hand-selector{padding:.5rem 1rem}.table{max-height:380px}.actions,.gto-results,.hand-complete{padding:1rem}}@media(max-width:600px),(max-height:700px){.info-popout{position:fixed;top:auto;left:0;right:0;width:100%;bottom:40dvh;max-height:35dvh;border-radius:10px 10px 0 0;border-left:none;border-bottom:none;border-top:3px solid #b0b0b0;animation:infoSlideUp .2s cubic-bezier(.4,0,.2,1);z-index:400;overflow-y:auto;align-items:flex-start;padding:1rem}}@media(max-width:600px){.app{height:auto;min-height:100dvh;overflow-y:auto;overflow-x:hidden;padding:.4rem;gap:.25rem;padding-bottom:200px}.hand-selector{flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.5rem .6rem;position:relative;top:0;width:100%}.hand-selector h2{width:100%;text-align:center;font-size:.8rem}.hand-buttons-viewport{--hand-btn-width: 68px;width:calc(3 * var(--hand-btn-width) + 2 * .4rem)}.hand-btn{width:var(--hand-btn-width, 68px);font-size:.74rem;padding:.3rem 0}.card-style-toggle{border-left:none;padding-left:0;border-top:1px solid #3d3d3d;padding-top:.4rem;width:100%;justify-content:center}.toggle-label{font-size:.75rem}.toggle-btn{font-size:.75rem;padding:.3rem .55rem}.reset-btn{font-size:.75rem;padding:.3rem .65rem}.table-container{position:relative;top:auto;left:auto;transform:none;width:82%;height:auto;margin:0 auto}.table{max-height:none;border:none;border-radius:9999px;aspect-ratio:3 / 4;box-shadow:inset 0 0 20px #0003,0 4px 12px #0006}.position{padding:.18rem .28rem;min-width:48px;border-radius:3px;overflow:visible;text-align:center}.position-label{font-size:.52rem;margin-bottom:.08rem;letter-spacing:.2px}.stack{font-size:.56rem}.folded-text{font-size:.44rem;margin-top:.1rem}.seat0{top:19%;left:12%}.seat1{top:3%;left:calc(50% - 24px)}.seat2{top:19%;right:12%;left:auto}.seat3{top:calc(50% - 18px);right:5%;left:auto}.seat4{inset:auto 12% 19% auto}.seat5{bottom:3%;left:calc(50% - 46px);top:auto;min-width:92px;z-index:10}.seat6{bottom:19%;left:12%;top:auto}.seat7{top:calc(50% - 18px);left:5%}.card{--card-w: 30px;padding:.6rem 0;border-radius:3px;font-size:calc(var(--card-w) * .44);font-weight:800;letter-spacing:-.3px;text-shadow:0 1px 1px rgba(0,0,0,.35)}.card-inverted.card{text-shadow:none}.holecard{--card-w: 32px;padding:.55rem 0}.card-back{width:10px;height:14px}.center{width:54%;max-width:54%}.pot{font-size:.65rem;margin-bottom:.25rem}.board{gap:.15rem;flex-wrap:nowrap}.opponent-cards{gap:.12rem;margin-top:.22rem}.player-area{bottom:calc(3% + 28px);left:50%;transform:translate(-50%)}.hole-cards{gap:.18rem}.action-text{font-size:.52rem;padding:.15rem .32rem;z-index:50;border-radius:3px}.actions,.gto-results,.hand-complete{position:fixed;bottom:0;left:0;width:100%;max-width:100%;border-radius:10px 10px 0 0;padding:.85rem .85rem 1.1rem;transform:none}.action-prompt{font-size:.8rem;margin-bottom:.55rem;color:#c8c8c8}.action-buttons{gap:.4rem}.action-btn{min-width:0;flex:1 1 calc(33% - .4rem);padding:.65rem .25rem;font-size:.72rem;border-radius:5px;letter-spacing:.1px}.gto-results{max-height:56dvh;overflow-y:auto;padding:.85rem .85rem 1.1rem}.feedback-header{gap:.6rem;margin-bottom:.75rem;padding-right:2.5rem}.feedback-header h3{font-size:.8rem;line-height:1.4;color:#ededed}.feedback-icon{width:30px;height:30px;font-size:1rem;flex-shrink:0}.gto-frequencies h4{font-size:.68rem;font-weight:600;color:#c8c8c8;margin-bottom:.45rem;letter-spacing:.3px;text-transform:uppercase}.freq-grid{grid-template-columns:repeat(2,1fr);gap:.35rem;margin-bottom:.7rem}.freq-item{padding:.45rem .6rem;border-radius:4px}.freq-item span{font-size:.68rem}.freq-item strong{font-size:.75rem}.continue-btn{padding:.65rem 1rem;font-size:.84rem;border-radius:5px}.end-hand-buttons{gap:.4rem}.info-icon-btn{width:28px;height:28px;font-size:1.1rem}.hand-complete h2{font-size:1rem;margin-bottom:.4rem}.hand-complete p{font-size:.82rem;margin-bottom:.65rem}}.nav-toggle{position:fixed;top:.85rem;left:.85rem;z-index:1000;width:40px;height:40px;background:#1e1e1e;border:1px solid #3d3d3d;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:background .2s ease,border-color .2s ease;padding:0}.nav-toggle:hover{background:#2e2e2e;border-color:#5d5d5d}.nav-toggle span{display:block;width:18px;height:1.5px;background:#c8c8c8;border-radius:2px;transition:transform .3s ease,opacity .3s ease,width .3s ease}.nav-toggle.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0;width:0}.nav-toggle.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.nav-overlay{position:fixed;inset:0;background:#0009;z-index:900;animation:overlayIn .25s ease}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.nav-drawer{position:fixed;top:0;left:0;width:280px;height:100%;background:#161616;border-right:1px solid #2e2e2e;z-index:950;display:flex;flex-direction:column;animation:drawerIn .28s cubic-bezier(.4,0,.2,1);box-shadow:8px 0 32px #0009}@keyframes drawerIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.nav-drawer-header{padding:1.5rem 1.5rem 1.25rem 5rem;border-bottom:1px solid #252525;display:flex;align-items:center;gap:.6rem}.nav-drawer-logo{font-size:1.2rem}.nav-drawer-header h2{font-size:1rem;font-weight:700;color:#e8e8e8;letter-spacing:.5px}.nav-drawer-header p{font-size:.72rem;color:#686868;margin-top:.1rem;letter-spacing:.3px}.nav-links{flex:1;padding:.75rem 0;overflow-y:auto}.nav-link{display:flex;align-items:center;gap:.9rem;padding:.85rem 1.5rem;color:#a8a8a8;text-decoration:none;font-size:.9rem;font-weight:500;transition:background .15s ease,color .15s ease;border-left:2px solid transparent;cursor:pointer;background:none;border-top:none;border-right:none;border-bottom:none;width:100%;text-align:left;font-family:Inter,sans-serif;letter-spacing:.2px}.nav-link:hover{background:#1f1f1f;color:#e8e8e8;border-left-color:#4d4d4d}.nav-link-icon{font-size:1.05rem;width:20px;text-align:center;flex-shrink:0}.nav-link-text{flex:1}.nav-link-badge{font-size:.62rem;font-weight:700;background:#699b52;color:#fff;padding:.15rem .45rem;border-radius:3px;letter-spacing:.4px;text-transform:uppercase}.nav-divider{height:1px;background:#222;margin:.4rem 1.5rem}.nav-drawer-footer{padding:1.25rem 1.5rem;border-top:1px solid #252525}.nav-cta-btn{display:block;width:100%;padding:.75rem 1rem;background:#699b52;color:#fff;border:none;border-radius:5px;font-family:Inter,sans-serif;font-size:.88rem;font-weight:600;cursor:pointer;letter-spacing:.3px;transition:filter .2s ease,transform .2s ease;text-align:center;text-decoration:none}.nav-cta-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}@media(max-width:600px){.nav-drawer{width:100%;border-right:none}.nav-toggle{top:.5rem;left:.5rem}}