:root{--primary-color:#125f31;--secondary-color:#f6d724;--accent-color:#e74c3c;--text-color:#333;--light-text:#fff;--light-bg:#f9f9f9;--dark-bg:#000;--border-color:#ddd;--shadow:none;--transition:all .3s ease}[data-theme=dark]{--text-color:#e0e0e0;--light-bg:#1a1a1a;--dark-bg:#2d2d2d;--border-color:#444;--shadow:none}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-color);background-color:var(--light-bg);flex-direction:column;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;display:flex}body.home-page{isolation:isolate;min-height:100dvh;position:relative}body.home-page:before{content:"";z-index:-1;pointer-events:none;filter:blur(4px);background-image:url(/images/background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:-28px;transform:scale(1.04)}body.has-dot-wave{isolation:isolate;background-color:var(--light-bg);position:relative;overflow-x:hidden}.dot-wave-layer{z-index:-1;pointer-events:none;position:fixed;inset:0}.dot-wave-canvas{width:100%;height:100%;display:block}.container{width:100%;max-width:1600px;margin:0 auto;padding:0 20px}a{color:var(--primary-color);transition:var(--transition);text-decoration:none}a:hover{color:var(--secondary-color)}ul{list-style:none}img{max-width:100%;height:auto}.btn{background-color:var(--primary-color);color:var(--light-text);transition:var(--transition);cursor:pointer;border:none;border-radius:2px;padding:10px 20px;font-weight:600;display:inline-block}.btn:hover{background-color:var(--secondary-color);color:var(--text-color)}header{color:var(--primary-color);z-index:100;background:0 0;padding:6px 0;position:sticky;top:0}header .container{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.header-left{justify-self:start;align-items:center;gap:10px;display:flex}.header-brand{box-sizing:border-box;height:36px;color:var(--primary-color);align-items:center;gap:10px;padding:0 12px 0 8px;text-decoration:none;display:flex}.header-logo{width:auto;max-width:32px;height:32px}header h1{margin:0;font-size:1.4rem;line-height:1}.header-center{z-index:110;justify-self:center;position:relative}.header-right{justify-self:end;align-items:center;gap:10px;display:flex}.theme-toggle-host{align-items:center;display:inline-flex}.header-auth{align-items:center;gap:8px;min-height:36px;display:inline-flex}.header-auth-user-btn{box-sizing:border-box;border-radius:2px;width:36px;height:36px;padding:0}.header-auth-avatar{border-radius:2px!important;width:36px!important;height:36px!important}.header-auth-btn{color:var(--primary-color);box-sizing:border-box;cursor:pointer;-webkit-backdrop-filter:blur(12px);white-space:nowrap;background:#ffffffb8;border:1px solid #ffffff73;border-radius:2px;justify-content:center;align-items:center;height:36px;padding:0 12px;font-family:inherit;font-size:.85rem;font-weight:600;line-height:1;transition:background .15s,color .15s;display:inline-flex}.header-auth-btn:hover:not(:disabled){color:var(--secondary-color);background:#ffffffe6}.header-auth-btn:disabled{opacity:.7}.header-auth-btn:disabled[aria-busy=true]{cursor:wait}.header-auth-btn:disabled:not([aria-busy=true]){cursor:not-allowed}[data-theme=dark] .header-auth-btn{color:var(--light-text);background:#00000094;border-color:#ffffff1f}[data-theme=dark] .header-auth-btn:hover:not(:disabled){color:var(--primary-color);background:#000000c7}.header-auth-hint{color:var(--text-muted,#666);max-width:220px;font-size:.75rem;line-height:1.2}.whiteboard-toggle{color:var(--primary-color);box-sizing:border-box;cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #ffffff73;border-radius:2px;justify-content:center;align-items:center;height:36px;padding:0 14px;font-family:inherit;font-size:.95rem;font-weight:600;line-height:1;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}a.whiteboard-toggle:hover{text-decoration:none}[data-theme=dark] .whiteboard-toggle{color:var(--light-text);background:#00000094;border-color:#ffffff1f}.whiteboard-toggle:hover,.header-center.is-open .whiteboard-toggle{color:var(--secondary-color);background:#ffffffe6}[data-theme=dark] .whiteboard-toggle:hover,[data-theme=dark] .header-center.is-open .whiteboard-toggle{color:var(--primary-color);background:#000000c7}.whiteboard-toggle:focus-visible{outline:2px solid var(--secondary-color);outline-offset:2px}.whiteboard-menu{-webkit-backdrop-filter:blur(14px);transform-origin:top;opacity:0;visibility:hidden;pointer-events:none;z-index:120;background:#fffffff5;border:1px solid #125f312e;border-radius:2px;width:min(260px,100vw - 24px);padding:10px;transition:opacity .16s,transform .16s,visibility .16s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)translateY(-6px)scale(.96);box-shadow:0 8px 24px #00000024}.whiteboard-menu--manage{width:min(320px,100vw - 24px);padding:12px}.whiteboard-menu--manage.is-sharing{width:min(420px,100vw - 24px)}@media (width>=900px){.whiteboard-menu--manage.is-sharing{width:min(640px,100vw - 32px)}.whiteboard-menu--manage.is-sharing .whiteboard-manage-layout{grid-template-columns:minmax(220px,1fr) minmax(280px,1.15fr);align-items:start;gap:0 14px;display:grid}.whiteboard-menu--manage.is-sharing .whiteboard-manage-col--right:not([hidden]){border-left:1px solid #125f3129;margin-top:0;padding-left:14px}[data-theme=dark] .whiteboard-menu--manage.is-sharing .whiteboard-manage-col--right:not([hidden]){border-left-color:#ffffff1f}}.whiteboard-manage-layout{flex-direction:column;gap:0;min-width:0;display:flex}.whiteboard-manage-col{min-width:0}.whiteboard-manage-col--right[hidden]{display:none!important}.whiteboard-manage-col--right:not([hidden]){margin-top:4px}.whiteboard-manage-block{flex-direction:column;gap:6px;display:flex}.whiteboard-manage-share-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.whiteboard-manage-share-head .whiteboard-join-label{margin-bottom:0}.whiteboard-people-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.whiteboard-people-heading .whiteboard-join-label{margin-bottom:0}.whiteboard-people-follow-me{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.whiteboard-share-toolbar-wrap{position:relative}.whiteboard-share-toolbar{flex-wrap:wrap;align-items:stretch;gap:6px;display:flex}.whiteboard-share-code-wrap{flex:88px;align-items:stretch;min-width:72px;display:flex;position:relative}.whiteboard-share-toast{z-index:2;text-align:center;white-space:pre-line;pointer-events:none;background:var(--primary-color);color:#fff;border-radius:2px;margin:0;padding:4px 8px;font-size:.72rem;font-weight:600;line-height:1.3;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);box-shadow:0 1px 3px #0000002e}[data-theme=dark] .whiteboard-share-toast{color:var(--secondary-color);background:#1a1a1af5;border:1px solid #ffffff29;box-shadow:0 1px 3px #00000059}.whiteboard-share-code{cursor:pointer;text-align:center;justify-content:center;align-items:center;gap:6px;width:100%;font-family:inherit;font-weight:700;display:inline-flex}.whiteboard-share-code:disabled{cursor:not-allowed}.whiteboard-share-code-value{min-width:0}.whiteboard-share-code-icon{opacity:.72;flex-shrink:0;width:.85em;height:.85em}.whiteboard-share-toolbar .whiteboard-join-btn{flex:none}.whiteboard-switch{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.whiteboard-switch-label{color:var(--primary-color);font-size:.72rem;font-weight:600}[data-theme=dark] .whiteboard-switch-label{color:var(--light-text)}.whiteboard-switch input{opacity:0;clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.whiteboard-switch-track{box-sizing:border-box;background:#125f3138;border:1px solid #125f3147;border-radius:999px;width:34px;height:20px;transition:background .15s;position:relative}.whiteboard-switch-track:after{content:"";background:#fff;border-radius:999px;width:16px;height:16px;transition:transform .15s;position:absolute;top:1px;left:1px;box-shadow:0 1px 2px #0003}.whiteboard-switch input:checked+.whiteboard-switch-track{background:var(--primary-color);border-color:var(--primary-color)}.whiteboard-switch input:checked+.whiteboard-switch-track:after{transform:translate(14px)}[data-theme=dark] .whiteboard-switch-track{background:#ffffff24;border-color:#fff3}[data-theme=dark] .whiteboard-switch input:checked+.whiteboard-switch-track{background:var(--primary-color);border-color:var(--primary-color)}.whiteboard-share-expiry{margin:0}.whiteboard-join-input--code{font-variant-numeric:tabular-nums;letter-spacing:.06em}.whiteboard-join-input:disabled,.whiteboard-join-btn:disabled{opacity:.55;cursor:not-allowed;filter:none}.whiteboard-people-head{color:#125f31b8;text-transform:uppercase;letter-spacing:.03em;grid-template-columns:minmax(0,1fr) 64px 40px;align-items:center;gap:6px;font-size:.7rem;font-weight:600;display:grid}[data-theme=dark] .whiteboard-people-head{color:#ffffff8c}.whiteboard-people-list{flex-direction:column;gap:4px;max-height:180px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.whiteboard-people-row{grid-template-columns:minmax(0,1fr) 64px 40px;align-items:center;gap:6px;min-height:28px;display:grid}.whiteboard-people-name{color:var(--text-color,#1a1a1a);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:500;overflow:hidden}[data-theme=dark] .whiteboard-people-name{color:var(--light-text)}.whiteboard-people-follow{appearance:none;color:var(--primary-color);font:inherit;cursor:pointer;background:0 0;border:1px solid #125f3147;border-radius:2px;padding:3px 4px;font-size:.7rem;font-weight:600;line-height:1.2}.whiteboard-people-follow:hover:not(:disabled){background:#125f3114}.whiteboard-people-follow[aria-pressed=true]{border-color:var(--primary-color);background:#125f311f}.whiteboard-people-follow:disabled{opacity:.45;cursor:not-allowed}[data-theme=dark] .whiteboard-people-follow{color:var(--light-text);border-color:#fff3}[data-theme=dark] .whiteboard-people-follow:hover:not(:disabled){color:var(--secondary-color);background:#ffffff14}.whiteboard-people-edit{justify-self:end}.whiteboard-people-empty{margin:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.whiteboard-menu-action--secondary{color:var(--primary-color);background:0 0;border:1px solid #125f3147}.whiteboard-menu-action--secondary:hover{color:var(--primary-color);background:#125f3114}[data-theme=dark] .whiteboard-menu-action--secondary{color:var(--light-text);border-color:#ffffff29}[data-theme=dark] .whiteboard-menu-action--secondary:hover{color:var(--secondary-color);background:#ffffff14}.header-center.is-open .whiteboard-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)scale(1)}[data-theme=dark] .whiteboard-menu{background:#141816f5;border-color:#ffffff1f;box-shadow:0 8px 24px #0006}.whiteboard-menu-action{box-sizing:border-box;background:var(--primary-color);width:100%;height:34px;color:var(--light-text);border-radius:2px;justify-content:center;align-items:center;padding:0 12px;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.whiteboard-menu-action:hover{color:var(--secondary-color);background:#0e4c28}.whiteboard-menu-divider{background:#125f3129;height:1px;margin:10px 0}[data-theme=dark] .whiteboard-menu-divider{background:#ffffff1f}.whiteboard-join-label{color:var(--primary-color);margin-bottom:6px;font-size:.78rem;font-weight:600;display:block}[data-theme=dark] .whiteboard-join-label{color:var(--light-text)}.whiteboard-join-row{align-items:stretch;gap:6px;display:flex}.whiteboard-join-input{min-width:0;height:32px;color:var(--text-color);box-sizing:border-box;background:#ffffffe6;border:1px solid #125f3147;border-radius:2px;flex:1;padding:0 10px;font-size:.85rem}[data-theme=dark] .whiteboard-join-input{color:var(--light-text);background:#1a1a1ad9;border-color:#ffffff29}.whiteboard-join-input:focus{outline:2px solid var(--secondary-color);outline-offset:0}.whiteboard-join-btn{border:1px solid var(--primary-color);background:var(--secondary-color);height:32px;color:var(--primary-color);cursor:pointer;border-radius:2px;flex-shrink:0;padding:0 12px;font-size:.85rem;font-weight:700}.whiteboard-join-btn:hover{filter:brightness(.97)}.whiteboard-join-btn--secondary{color:var(--primary-color);background:0 0;border-color:#125f3159}.whiteboard-join-btn--secondary:hover{filter:none;background:#125f3114}[data-theme=dark] .whiteboard-join-btn--secondary{color:var(--light-text);border-color:#ffffff38}[data-theme=dark] .whiteboard-join-btn--secondary:hover{color:var(--secondary-color);background:#ffffff14}.whiteboard-join-hint{color:var(--primary-color);margin:6px 0 0;font-size:.72rem;line-height:1.3}[data-theme=dark] .whiteboard-join-hint{color:var(--secondary-color)}nav,nav ul{align-items:center;height:36px;display:flex}nav ul{gap:10px}nav ul li{align-items:center;height:36px;margin:0;display:flex}nav ul li a{color:var(--primary-color);box-sizing:border-box;border-radius:2px;align-items:center;height:36px;padding:0 12px;font-weight:500;line-height:1;display:inline-flex}.header-brand,nav ul li a,.theme-toggle{-webkit-backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #ffffff73;border-radius:2px}[data-theme=dark] .header-brand,[data-theme=dark] nav ul li a,[data-theme=dark] .theme-toggle{color:var(--light-text);background:#00000094;border-color:#ffffff1f}.header-brand:hover,nav ul li a:hover,nav ul li a.active{background:#ffffffe6}[data-theme=dark] .header-brand:hover,[data-theme=dark] nav ul li a:hover,[data-theme=dark] nav ul li a.active{background:#000000c7}.header-brand:hover,.header-brand:hover h1,nav ul li a:hover{color:var(--secondary-color)}[data-theme=dark] .header-brand:hover,[data-theme=dark] .header-brand:hover h1,[data-theme=dark] nav ul li a:hover{color:var(--primary-color)}.theme-toggle{color:var(--primary-color);box-sizing:border-box;width:108px;height:36px;transition:var(--transition);flex-shrink:0;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0;font-size:.9rem;line-height:1;display:grid;position:relative}.theme-toggle-thumb{pointer-events:none;z-index:0;background:#fffffff2;border-radius:2px;width:calc(33.3333% - 1.33333px);height:calc(100% - 4px);transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000029}[data-theme-pref=system] .theme-toggle-thumb{transform:translate(100%)}[data-theme-pref=dark] .theme-toggle-thumb{transform:translate(200%)}[data-theme=dark] .theme-toggle-thumb{background:#ffffff24;box-shadow:0 1px 3px #00000059}.theme-toggle-option{all:unset;box-sizing:border-box;cursor:pointer;z-index:1;width:100%;height:100%;color:inherit;opacity:.55;justify-content:center;align-items:center;display:flex;position:relative}.theme-toggle-option[aria-checked=true]{opacity:1}.theme-toggle-option:focus-visible{outline:2px solid var(--secondary-color);outline-offset:-2px}[data-theme=dark] .theme-toggle{color:var(--light-text)}.hero,.games-hero{background-color:var(--dark-bg);color:var(--light-text);text-align:center;padding:60px 0}.hero h2,.games-hero h2{margin-bottom:15px;font-size:2.5rem}.hero p,.games-hero p{max-width:700px;margin-bottom:30px;margin-left:auto;margin-right:auto;font-size:1.2rem}.hero .btn{font-size:1.1rem}.features{padding:60px 0}.features .container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.feature-card{background-color:var(--light-bg);border:1px solid var(--border-color);text-align:center;transition:var(--transition);border-radius:2px;padding:30px}[data-theme=dark] .feature-card{background-color:var(--dark-bg)}.feature-card:hover{border-color:var(--primary-color)}.feature-card i{color:var(--primary-color);margin-bottom:20px;font-size:2.5rem}.feature-card h3{margin-bottom:15px;font-size:1.5rem}.games-section{padding:40px 0 60px}.filter-container{flex-direction:column;gap:12px;margin-bottom:30px;display:flex}.search-grade-row{align-items:flex-end;gap:20px;display:flex}.search-bar{flex:200px;min-width:200px;position:relative}.search-bar .search-icon{color:var(--text-color);opacity:.5;pointer-events:none;width:.9rem;height:.9rem;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-bar input{border:1px solid var(--border-color);background-color:var(--light-bg);width:100%;color:var(--text-color);transition:var(--transition);border-radius:999px;outline:none;padding:10px 15px 10px 40px;font-size:1rem}[data-theme=dark] .search-bar input{background-color:var(--dark-bg)}.search-bar input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #125f3126}.filter-group{border-top:1px solid var(--border-color);flex-direction:column;gap:6px;padding-top:8px;display:flex}.filter-group-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-color);opacity:.55;font-size:.75rem;font-weight:700}.filter-group-inline{border-top:none;flex-shrink:0;padding-top:0}.filter-chips-row{flex-wrap:wrap;gap:8px;display:flex}.filter-chip{cursor:pointer;border:1.5px solid var(--border-color);background-color:var(--light-bg);color:var(--text-color);transition:var(--transition);-webkit-user-select:none;user-select:none;border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-block}[data-theme=dark] .filter-chip{background-color:var(--dark-bg)}.filter-chip:hover{border-color:var(--primary-color);color:var(--primary-color)}.filter-chip.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.games-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;display:grid}@media (width>=1280px){.games-grid{grid-template-columns:repeat(4,1fr)}}.game-card{border:1px solid var(--border-color);transition:var(--transition);cursor:pointer;border-radius:2px;flex-direction:column;display:flex;overflow:hidden}.game-card:hover{border-color:var(--primary-color)}.game-card-image{aspect-ratio:16/9;background-color:#eee;background-position:50%;background-size:cover}.game-card-content{flex-direction:column;flex:1;padding:0;display:flex}.game-card-content h4{color:var(--primary-color);text-align:center;margin:0;padding:12px 14px;font-size:1.2rem;line-height:1.25}[data-theme=dark] .game-card-content h4{color:var(--light-text)}.game-card-badge-columns{grid-template-columns:1fr 1fr;display:grid}.game-card-badge-column{padding:10px 12px}.game-card-badge-column+.game-card-badge-column{border-left:1px solid var(--border-color)}.game-card-badge-label{color:#666;letter-spacing:.06em;text-align:center;text-transform:uppercase;margin-bottom:7px;font-size:.68rem;font-weight:700;line-height:1.2}[data-theme=dark] .game-card-badge-label{color:var(--light-text)}.game-card-description{width:100%}.game-card-description p{color:var(--text-color);text-align:center;padding:0 14px 12px;font-size:.9rem;line-height:1.35}.chip{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.chip-row{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.game-card-badge-column .chip-row{justify-content:center}.game-card-badge-column .chip,.chip-secondary{font-size:.65rem}.chip-grade{color:var(--text-color)}.loading-container,.carousel-slide.loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.loading-spinner{border:4px solid #0000001a;border-top-color:var(--primary-color);border-radius:50%;width:40px;height:40px;margin-bottom:15px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.google-search-row{padding:clamp(10px,2vw,30px) 0 clamp(4px,.6vw,10px)}.google-search-bars{justify-content:center;gap:clamp(8px,1.2vw,20px);display:flex}.google-search-bars-row2{margin-top:clamp(4px,.6vw,10px)}.google-search-bar{border:clamp(3px, .3vw, 5px) solid var(--border-color);background-color:var(--light-bg);transition:var(--transition);border-radius:999px;flex:1;align-items:center;max-width:420px;display:flex;overflow:hidden}[data-theme=dark] .google-search-bar{background-color:var(--dark-bg)}.google-search-bar:hover{border-color:var(--secondary-color);box-shadow:0 0 0 3px #f6d72426}.google-search-bar:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #125f311f}.google-search-icon{object-fit:contain;flex-shrink:0;width:clamp(18px,1.5vw,24px);height:clamp(18px,1.5vw,24px);margin-left:clamp(10px,1vw,16px)}.google-search-icon-zoom{transform:scale(1.8)}[data-theme=dark] .google-search-icon{filter:none}.google-search-input{color:var(--text-color);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:clamp(6px,.7vw,12px) clamp(8px,.8vw,12px);font-size:clamp(.8rem,.85vw,.95rem)}.google-search-input::placeholder{color:var(--text-color);opacity:.45}.google-search-clear{cursor:pointer;opacity:.4;transition:var(--transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0 12px;display:flex}.google-search-clear:hover{opacity:.8}.google-search-clear img{width:16px;height:16px;color:var(--text-color)}[data-theme=dark] .google-search-clear img{filter:brightness(0)invert()}.google-search-btn{background-color:var(--primary-color);cursor:pointer;transition:var(--transition);border:none;border-radius:0 999px 999px 0;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;margin:clamp(-5px,-.3vw,-3px) clamp(-5px,-.3vw,-3px) clamp(-5px,-.3vw,-3px) 0;padding:clamp(6px,.7vw,12px) clamp(10px,1vw,16px) clamp(6px,.7vw,12px) clamp(6px,.6vw,10px);display:flex}.google-search-btn:hover{background-color:var(--secondary-color)}.google-search-btn img{object-fit:contain;filter:brightness(0)invert();width:clamp(18px,1.8vw,28px);height:clamp(18px,1.8vw,28px)}.google-search-btn:hover img{filter:none}.app-gallery{padding:clamp(12px,2.5vw,40px) 0}.app-row-header{color:var(--primary-color);text-align:center;margin-bottom:clamp(8px,1vw,16px);font-size:clamp(1rem,1.1vw,1.4rem)}.app-row{flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:clamp(10px,2.5vw,40px);display:flex}.app-subgroup{gap:clamp(6px,1vw,16px);display:flex}.app-split-row{justify-content:center;align-items:flex-start;gap:clamp(16px,3.5vw,60px);display:flex}.app-group{flex-direction:column;align-items:center;display:flex}.app-group .app-row-header{text-align:center}.app-item{border:2px solid var(--border-color);text-align:center;width:clamp(75px,8vw,140px);transition:var(--transition);color:var(--text-color);border-radius:2px;flex-direction:column;align-items:center;gap:clamp(4px,.6vw,10px);padding:clamp(8px,1.2vw,20px);display:flex}body.home-page .app-item{-webkit-backdrop-filter:blur(12px);background-color:#f9f9f980}[data-theme=dark] .app-item{background-color:var(--dark-bg)}[data-theme=dark] body.home-page .app-item{background-color:#2d2d2d80}.app-item:hover{border-color:var(--primary-color);color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.app-icon-wrapper{border-radius:12px;flex-shrink:0;width:clamp(36px,4vw,64px);height:clamp(36px,4vw,64px);overflow:hidden}.app-item img{object-fit:contain;width:100%;height:100%;display:block}.app-item img.app-icon-crop{object-fit:cover}.app-item img.app-icon-zoom-in{object-fit:cover;transform:scale(1.3)}.app-item img.app-icon-zoom-out{object-fit:cover;transform:scale(.85)}.app-item span{font-size:clamp(.65rem,.8vw,.85rem);font-weight:600;line-height:1.3}.home-nav{justify-content:center;align-items:center;gap:40px;min-height:calc(100vh - 160px);display:flex}.home-nav-btn{border:3px solid var(--border-color);background-color:var(--light-bg);width:200px;height:200px;color:var(--text-color);transition:var(--transition);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:16px;text-decoration:none;display:flex}[data-theme=dark] .home-nav-btn{background-color:var(--dark-bg)}.home-nav-btn:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.home-nav-btn i{color:var(--primary-color);font-size:3rem}.home-nav-btn span{font-size:1.4rem;font-weight:600}main{flex-direction:column;flex:1;display:flex}.page-nav-container{flex:1;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.page-nav-btn{border:2px solid var(--border-color);background-color:var(--light-bg);color:var(--primary-color);transition:var(--transition);border-radius:999px;align-items:center;gap:10px;padding:12px 28px;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-flex}[data-theme=dark] .page-nav-btn{background-color:var(--dark-bg)}.page-nav-btn:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.page-nav-btn i{color:var(--primary-color);font-size:1.2rem}footer{color:#fff;text-align:center;background-color:#0000;margin:auto clamp(8px,1.2vw,20px) clamp(8px,1.2vw,20px);padding:clamp(8px,1.2vw,20px) 0}@media (width<=900px){header .container{flex-direction:column;gap:4px;display:flex}header h1{font-size:1.1rem}.header-left{align-self:center}.header-brand{height:28px;padding:0 10px 0 6px}.header-logo{height:24px}.header-center{justify-self:center}.whiteboard-toggle{height:28px;padding:0 10px;font-size:.85rem}.whiteboard-menu{width:min(240px,100vw - 24px)}.whiteboard-menu--manage{width:min(320px,100vw - 24px)}.whiteboard-menu--manage.is-sharing{width:min(420px,100vw - 24px)}.header-right{flex-direction:row;justify-content:center;justify-self:center;align-items:center;gap:8px}.header-auth-btn{height:28px;padding:0 8px;font-size:.75rem}.header-auth-user-btn{width:28px;height:28px}.header-auth-avatar{width:28px!important;height:28px!important}.header-auth-hint{max-width:120px;font-size:.7rem}nav,nav ul,nav ul li{height:28px}nav ul{gap:8px;margin:0}nav ul li{margin:0}nav ul li a{height:28px;padding:0 8px;font-size:.85rem}.theme-toggle{width:84px;height:28px;font-size:.75rem}.google-search-row{padding:12px 0 6px}.google-search-row .container{flex-direction:column;gap:8px;display:flex}.google-search-bars{flex-direction:column;align-items:stretch;gap:8px}.google-search-bars-row2{margin-top:0}.google-search-bar{border-width:3px;max-width:100%}.google-search-input{padding:8px 10px;font-size:.85rem}.google-search-btn{margin:-3px -3px -3px 0;padding:8px 12px 8px 8px}.google-search-btn img{width:22px;height:22px}.app-gallery{padding:16px 0}.app-row-header{margin-bottom:8px;font-size:1.1rem}.app-row,.app-subgroup{flex-wrap:wrap;justify-content:center;gap:8px}.app-split-row{flex-direction:column;align-items:center;gap:16px}.app-item{gap:6px;width:90px;padding:10px}.app-icon-wrapper{border-radius:8px;width:44px;height:44px}.app-item span{font-size:.72rem}.search-grade-row{flex-direction:column;align-items:stretch}.search-bar{max-width:100%}.hero h2,.games-hero h2{font-size:2rem}.hero p,.games-hero p{font-size:1rem}.features .container{grid-template-columns:1fr}footer{margin:10px;padding:12px 0;font-size:.8rem}}@media (width>=740px) and (width<=900px){body.home-page{overflow:hidden auto}header .container{flex-direction:row;grid-template-columns:1fr auto 1fr;gap:10px;display:grid}header h1{font-size:1.35rem}.header-logo{height:32px}.header-brand{justify-self:start}.header-right{justify-content:flex-end;justify-self:end}nav ul li a{font-size:.95rem}.google-search-row .container{gap:0}.google-search-bars{flex-flow:wrap;justify-content:center;align-items:center;gap:8px}.google-search-bar{min-width:0;max-width:100%}.google-search-bars-row2{margin-top:clamp(4px,.6vw,10px)}}@media (width<=480px){.games-grid{grid-template-columns:1fr}.filter-container{flex-direction:column;align-items:flex-start}.filter-container label{margin-bottom:5px}}@media (width>=901px){body.home-page{--home-tile:clamp(88px, min(9vw, 20vh), 140px);--home-icon:calc(var(--home-tile) * .48);--home-gap:clamp(5px, .7vw, 14px);--home-row-gap:clamp(12px, 2vw, 42px);--home-search-width:clamp(360px, 30vw, 460px);--home-search-font:clamp(.86rem, min(1vw, 2.5vh), 1rem);min-height:100dvh;overflow:hidden auto}.home-page main{flex:1;justify-content:space-evenly;min-height:0}.home-page main .container{max-width:none}.home-page .google-search-row{padding:clamp(8px,1.8vh,18px) 0 clamp(4px,.8vh,8px)}.home-page .google-search-row .container{padding:0 clamp(14px,2vw,32px)}.home-page .google-search-bars{gap:var(--home-gap)}.home-page .google-search-bars-row2{margin-top:clamp(4px,.8vh,8px)}.home-page .google-search-bar{max-width:var(--home-search-width);min-width:0}.home-page .google-search-icon{width:clamp(20px,3.5vh,26px);height:clamp(20px,3.5vh,26px)}.home-page .google-search-input{font-size:var(--home-search-font);padding:clamp(6px,1.2vh,12px) clamp(8px,.8vw,12px)}.home-page .google-search-btn{padding:clamp(6px,1.2vh,12px) clamp(10px,1vw,16px) clamp(6px,1.2vh,12px) clamp(7px,.7vw,10px)}.home-page .google-search-btn img{width:clamp(21px,3.8vh,28px);height:clamp(21px,3.8vh,28px)}.home-page .app-gallery{padding:clamp(5px,1.3vh,14px) 0}.home-page .app-row-header{margin-bottom:clamp(5px,1vh,14px);font-size:clamp(1.05rem,min(1.4vw,3vh),1.4rem);line-height:1.15}.home-page .app-row{gap:var(--home-row-gap)}.home-page .app-subgroup{gap:var(--home-gap)}.home-page .app-split-row{gap:var(--home-row-gap)}.home-page .app-item{width:var(--home-tile);gap:clamp(4px,.8vh,9px);padding:clamp(8px,1.5vh,18px)}.home-page .app-icon-wrapper{width:var(--home-icon);height:var(--home-icon)}.home-page .app-item span{font-size:clamp(.78rem,min(1vw,2.2vh),.95rem)}.home-page .page-nav-container{flex:none;min-height:clamp(40px,7vh,70px);margin-bottom:0}.home-page .page-nav-btn{padding:clamp(7px,1.4vh,12px) clamp(20px,2vw,28px);font-size:clamp(.95rem,min(1.2vw,2.5vh),1.1rem)}.home-page footer{flex:none;margin:clamp(6px,1vh,14px) clamp(8px,1.2vw,20px);padding:clamp(6px,1.2vh,14px) 0;font-size:clamp(.78rem,min(1vw,2vh),1rem)}}body.forms-page{min-height:100dvh}.container.form-shell,body.forms-page main .container.form-shell{width:100%;max-width:1120px}.forms-hub{flex:1;align-items:center;padding:clamp(12px,2vw,28px) 0;display:flex}.forms-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,20px);width:100%;display:grid}.forms-tile{text-align:center;min-height:clamp(120px,16vh,160px);color:var(--text-color);-webkit-backdrop-filter:blur(12px);border:2px solid var(--border-color);transition:var(--transition);background:#f9f9f994;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:clamp(12px,1.5vw,20px) 12px;font-size:clamp(.85rem,1.1vw,1.05rem);font-weight:700;text-decoration:none;display:flex}[data-theme=dark] .forms-tile{background:#2d2d2d94}.forms-tile:hover{border-color:var(--primary-color);color:var(--secondary-color);transform:translateY(-2px)}.forms-tile-icon{color:var(--primary-color);line-height:0;display:inline-flex}.forms-tile-icon svg{width:clamp(40px,5vw,52px);height:clamp(40px,5vw,52px)}.forms-tile-label{max-width:12em;line-height:1.25}.forms-stub{text-align:center;flex:1;justify-content:center;align-items:center;padding:clamp(24px,4vw,48px) 20px;display:flex}.forms-stub h2{color:var(--primary-color);margin-bottom:8px;font-size:clamp(1.35rem,2.2vw,1.85rem)}.forms-stub p{opacity:.75;margin-bottom:20px}.form-page{flex:1;align-items:flex-start;padding:clamp(12px,2.5vw,36px) 0;display:flex}.form-panel{-webkit-backdrop-filter:blur(12px);border:2px solid var(--border-color);background:#f9f9f9b8;border-radius:2px;width:100%;padding:clamp(16px,2.5vw,28px)}[data-theme=dark] .form-panel{background:#2d2d2db8}.form-panel-header{margin-bottom:clamp(10px,1.4vw,14px)}.form-panel-header h2{color:var(--primary-color);font-size:clamp(1.35rem,2.2vw,1.85rem);line-height:1.15}.form-intro{color:var(--text-color);margin-bottom:clamp(14px,2vw,22px);font-size:.95rem;line-height:1.45}.form-intro p{margin:0 0 8px}.form-intro ul{margin:0 0 10px;padding-left:1.25rem;list-style-type:disc;list-style-position:outside}.form-intro li{margin-bottom:4px}.form-intro-note{opacity:.85;font-size:.9rem}.form-back-link{color:var(--primary-color);white-space:nowrap;text-underline-offset:3px;font-size:.9rem;font-weight:600;text-decoration:underline}.form-back-link:hover{color:var(--secondary-color)}.tech-form{flex-direction:column;gap:clamp(12px,1.6vw,18px);display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{color:var(--text-color);font-weight:700}.form-field-hint{opacity:.72;margin:0;font-size:.85rem;line-height:1.35}.form-field input,.form-field textarea{border:2px solid var(--border-color);width:100%;color:var(--text-color);font:inherit;transition:var(--transition);background:#ffffffd9;border-radius:2px;padding:10px 12px}[data-theme=dark] .form-field input,[data-theme=dark] .form-field textarea{background:#1a1a1ad9}.form-field input:focus,.form-field textarea:focus{border-color:var(--primary-color);outline:none}.form-field textarea{resize:vertical;min-height:96px}.form-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.btn.form-submit{min-width:120px;padding:10px 22px}@media (width<=768px){.forms-grid{grid-template-columns:1fr}.forms-tile{min-height:88px}}@media (height<=800px) and (width>=901px){.form-page{padding:8px 0}.form-panel{padding:14px 18px}.form-panel-header{margin-bottom:12px}.tech-form{gap:10px}.form-field textarea{min-height:72px}.forms-hub{padding:8px 0}.forms-tile{min-height:96px}.forms-tile-icon svg{width:36px;height:36px}}